How do I increase the Icon Size for animated Icon Boxes?

[mikegiffin]

Hello – we are trying to use the Icon Box as provided but have no ability to increase the size of the icons we are using. we have the icons set to images so we want to be able to specify the size of the image as icons within the icon box. Right now the icon as images are too small.

Thanks!

[mikegiffin]

Hi just checking on this – if there is a work around?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.
If you want to change the 100px value change it in the 3 css rules.

.sf-icon-cont.cont-large {
    width: 100px!important;
    height: 100px!important;
}
.sf-icon.sf-icon-large:before {
    font-size: 100px!important;
}

-Rui

[mikegiffin]

Hi I added this in and as a test changed all three 100px values to 2000px and nothing happened?

see here:

http://77.104.139.123/~wrensoun/pages/craftsmanship/

[mikegiffin]

Sorry I found the error – the code you provided increased the size of the static icons – I need to change only the size of teh FLIP CARD icons / Animated icons on this page specifically:

http://77.104.139.123/~wrensoun/pages/craftsmanship/

There are four in this instance set up in a grid. I want the four icons associated with: Woodwork, Details, Ingredients, and Design to be larger – not all icons on the site?

[David Martin – Support]

Hi,

You will need to do two things:

1) Use this CSS:

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

2) Open this file: /wp-content/plugins/swift-framework/includes/page-builder/shortcodes/icon-box.php and locate this line: $image_object = spb_image_resizer( $img_url, 70, 70, true, false ); change that to: $image_object = spb_image_resizer( $img_url, 150, 150, true, false );.

I’ll need to get a filter added for this so you can change this from within the theme itself. Currently when you update the SF plugin this change will be lost.

Thanks.

[mikegiffin]

Perfect thank you that worked. When do you think you will have the filter added so we don’t have to worry about an update overwriting this?

[David Martin – Support]

Will check with the lead dev and try to get this in for the next SF update.

Thanks