Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #26731

    If you take a look at the pic, I have two iconboxes side by side using 1/2 layout elements. I want them to both have the same height. Is this possible?



    Hi unitedwc,

    The containers would need to have their height set specific to that page and those elements. If we can see the site live we can assist with the css.





    I finally got my site uploaded.

    Here is


    Note the “who we need” and “what we provide” has different box heights.


    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.page-id-1473 .post-entry-1473 .iconbox .iconbox_content {
    height: 350px;

    You’ll probably want to make this only effect desktop sizes so place it in your custom.css file in the desktop media query that is provided in the file.

    The text box under the icon boxes will also need a bit of space so you’ll want to add an HR element above it and set it to just whitespace.




    Works like a charm, except changed the 350 to 310.



    Also, if you had the icon boxes inside a page section, you could assign a custom CSS ID to the section and then apply the CSS rules to that. Would save worrying about specific page Ids then.



    You need to add this on your functions.php before you can assign specific css selector for each element.





    hmmm, that custom css id sounds interesting: how do you use that?

    I added the call in functions.php and see the custom css id field now in the elements.


    Hi unitedwc,

    Once it has been set you can just add any class name into that field and then target it specifically with css. For example if you add:


    and then you add this css to your Quick CSS:

    margin-top: 10px;

    You could have an additional 10px margin on the top of that item.


    Wow, that makes my life a lot easier, works great! thanks Richard Olpin, Devin and Ismael



    Glad it is all fixed. :)



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘need side by side iconboxes to have the same height’ is closed to new replies.