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: Nota
• March 18, 2017 at 10:34 pm #317617
  mikegiffin

  Member

  Post count: 20

  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!

  March 20, 2017 at 3:50 pm #317760
  mikegiffin

  Member

  Post count: 20

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

  Thanks!

  March 20, 2017 at 4:02 pm #317763
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  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

  March 20, 2017 at 7:14 pm #317797
  mikegiffin

  Member

  Post count: 20

  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/

  March 20, 2017 at 7:17 pm #317798
  mikegiffin

  Member

  Post count: 20

  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?

  March 20, 2017 at 7:22 pm #317799
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  March 20, 2017 at 8:12 pm #317807
  mikegiffin

  Member

  Post count: 20

  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?

  March 21, 2017 at 2:00 pm #317901
  David Martin – Support

  Moderator

  Post count: 20834

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

  Thanks

• Back to forum

  Posted in: Nota