Icon Box element enforcing small (70 x 70 px) images

[orfin]

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).

[Rui Guerreiro – SUPPORT]

Hi,

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

-Rui

[Swift Ideas – Ed]

Hi there,

You can adjust this CSS with custom CSS:

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

Thanks,

– Ed

[orfin]

Hello,

did you read my original question?

[Swift Ideas – Ed]

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

[orfin]

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

[Rui Guerreiro – SUPPORT]

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

[Taffy]

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