Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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?

    http://i41.tinypic.com/1zlugs1.jpg

    #131419

    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.

    Regards,

    Devin

    #131420

    Hi

    I finally got my site uploaded.

    Here is

    http://bit.ly/1ct7wLv

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

    #131421

    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.

    Regards,

    Devin

    #131422

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

    Thanks

    #131423

    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.

    #131424

    Hi,

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

    add_theme_support('avia_template_builder_custom_css');

    Regards,

    Ismael

    #131425

    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.

    #131426

    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:

    my-custom-margin-class

    and then you add this css to your Quick CSS:

    .my-custom-margin-class{
    margin-top: 10px;
    }

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

    #131427

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

    #131428

    Hey,

    Glad it is all fixed. :)

    Cheers,

    Ismael

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.