New Landing › How can we help? › Atelier › Equalize height icon boxes

Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • Back to forum
    Posted in: Atelier
  • July 23, 2015 at 3:30 pm #197145
    NiO
    Member
    Post count: 233

    Hi Swiftideas,

    Is there a way to equalize the height of icon boxes? I am using two next to each other with a background color. At the moment the content determines the height, which is not ideal. So looking for a trick 🙂

    Thanks,
    Johan

    July 23, 2015 at 4:02 pm #197155
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Sure, what’s your link?

    – Kyle

    July 23, 2015 at 4:17 pm #197162
    NiO
    Member
    Post count: 233

    Hey Kyle,

    This is the page I am working on: http://nio.photography/buying-licenses/

    Thanks,
    Johan

    July 24, 2015 at 7:56 am #197324
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try adding this to your custom css:

    .sf-icon-box-boxed-three .sf-icon-box-content > h3 {
  min-height: 55px;
}

    – Kyle

    August 4, 2015 at 6:12 pm #200762
    NiO
    Member
    Post count: 233

    Hi Kyle,

    A late reply … tried your suggestions, but need to more as not only the H3 varied in height. Included responsive css to deal with it. so it is resolved 🙂

    Cheers,
    johan

    August 4, 2015 at 6:14 pm #200764
    David Martin – Support
    Moderator
    Post count: 20834

    Thanks Johan and Kyle for the CSS.

    Marking as resolved.

    – David.

    October 26, 2015 at 1:39 pm #223285
    Integrity
    Member
    Post count: 32
    This reply has been marked as private.
    October 26, 2015 at 3:08 pm #223323
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add the code below to your custom css option

    .spb_icon_box .spb-asset-content {
    margin-top: 0px!important;
}

    Hope it helps.

    -Rui

    October 26, 2015 at 4:04 pm #223347
    Integrity
    Member
    Post count: 32

    Works like a charm, thanks!

    October 26, 2015 at 4:18 pm #223353
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks Rui

    March 11, 2016 at 2:37 am #254842
    wooltopia_inoz
    Member
    Post count: 25

    I tried to apply the custom css to my site but it doesn’t work for me , my icon boxes are still all different in sizes! How can I fix this please!

    Attachments:
    You must be logged in to view attached files.
    March 11, 2016 at 5:59 am #254848
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    @wooltopia_inoz     – please provide me specific page url with issue to check and resolve the issue.
    Thanks
    Mohammad

    March 11, 2016 at 12:09 pm #254907
    wooltopia_inoz
    Member
    Post count: 25
    This reply has been marked as private.
    March 11, 2016 at 6:15 pm #254970
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_icon_box > .spb-asset-content .sf-icon-box {
    min-height: 285px !important;
}

    Thanks
    Mohammad

    March 15, 2016 at 9:46 am #255451
    wooltopia_inoz
    Member
    Post count: 25

    Thanks that worked perfect ! ?

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 16 total)
1 2

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