ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• April 21, 2017 at 4:33 pm #321913
  orfin

  Member

  Post count: 10

  Hello,

  it seems that Icon Box element is enforcing small image variants with no way to change it when using custom images. It defaults to 70x70px which makes icons look blurred or low quality on hi-ppi screens. Is there a way to use original images instead of 70x70px versions?

  Inspecting images gives me file names with 70×70 appended to their names (ie. home-icons-04-70×70.png instead of original home-icons-04.png).

  April 24, 2017 at 11:10 am #322044
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  I’m not sure about this. Will forward to the development team.

  -Rui

  April 24, 2017 at 1:27 pm #322078
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  You can adjust this CSS with custom CSS:

  .sf-icon.image-display {
      width: 70px;
      max-width: 70px;
      height: 70px;
  }

  Thanks,

  – Ed

  April 24, 2017 at 4:40 pm #322124
  orfin

  Member

  Post count: 10

  Hello,

  did you read my original question?

  April 24, 2017 at 7:27 pm #322144
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Apologies for the confusion – we have added filters for this for the next SF plugin update, so you can override the image size to suit your needs:

  $icon_box_img_width = apply_filters( 'spb_icon_box_image_width' , 70 );
  $icon_box_img_height = apply_filters( 'spb_icon_box_image_height' , 70 );

  Thanks,

  – Ed

  April 25, 2017 at 5:55 pm #322310
  orfin

  Member

  Post count: 10

  As far as I understand – I’d have to apply those filters in child theme’s functions.php?

  April 25, 2017 at 6:08 pm #322317
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  exactly. it will be something like this.

  function custom_icon_box_image_width(){
     return 150;
  }
  
  add_filter( 'spb_icon_box_image_width' , 'custom_icon_box_image_width' );

  -Rui

  January 16, 2018 at 12:19 am #331544
  Taffy

  Member

  Post count: 261

  Orfin,

  Have you managed to increase the image size.

  I tried editing the Child theme functions.php file with the above code, but failed to get it working.

  Cheers,

  Mark

• Back to forum

  Posted in: Uplift