New Landing › How can we help? › Themeforest Theme Support › Uplift › Adjusting icon box / row height

  • This topic has 13 replies, 6 voices, and was last updated 6 years by BryceCSD.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Uplift
  • July 14, 2016 at 3:25 pm #281280
    krakenelektro
    Member
    Post count: 1

    Hello there. I am solving a problem with adjusting a row height. The row contains grid of 9 Icon Boxes however i dont like the height of whole thing. I would like to have all 9 icon boxes in the “field of view” but right now the user would have to scroll to see all icons. This would be possible to change if i had some option to adjust Row height or Icon Boxes size. There are only 2 options- Content Height and Window height. Is there any chance to work this out ?

    Attachments:
    You must be logged in to view attached files.
    July 15, 2016 at 2:25 pm #281549
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    That link isn’t working for me, please check

    – Kyle

    July 22, 2016 at 10:26 am #283153
    krakenelektro
    Member
    Post count: 1

    krakenelektro.sk

    July 22, 2016 at 10:34 am #283158
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .sf-icon-box-animated-alt {
  height: 250px;
}

    – Kyle

    July 22, 2016 at 5:09 pm #283369
    smilberg
    Member
    Post count: 4

    I would like to do that same thing as krakenelektro stated.

    The “Services” section on my homepage here http://meyacht.northboundstudiodesign.com/ has an icon box grid and I would like the height of each of the icon boxes to be reduced.

    Any suggestions?

    July 25, 2016 at 7:47 am #283518
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Just use the CSS I provided above, you can reduce the height if you need to

    – Kyle

    July 26, 2016 at 1:59 pm #284003
    smilberg
    Member
    Post count: 4

    That code is shrinking the height, but its cutting off the content. See attachment.

    Attachments:
    You must be logged in to view attached files.
    July 26, 2016 at 2:02 pm #284005
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .spb_icon_box_grid .spb_icon_box {
  min-height: 220px;
}

    – Kyle

    July 26, 2016 at 2:08 pm #284006
    smilberg
    Member
    Post count: 4

    Still no luck, they are still too tall.

    July 26, 2016 at 2:38 pm #284007
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Where have you added the css? I don’t see it in your custom css

    – Kyle

    July 27, 2016 at 2:38 pm #284326
    smilberg
    Member
    Post count: 4

    Just needed to clear my cache, got it working now. Thanks!

    July 28, 2016 at 7:44 pm #284678
    David Martin – Support
    Moderator
    Post count: 20834

    Great, glad you got it.

    Thanks.

    December 27, 2017 at 10:19 pm #331540
    nanhann
    Member
    Post count: 45
    This reply has been marked as private.
    December 29, 2017 at 4:11 am #331542
    BryceCSD
    Member
    Post count: 46

    How did you manage to create a new topic…?

  • Back to forum
    Posted in: Uplift
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register