-
Posts
-
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.
Regards,
Devin
Hi
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.
Regards,
Devin
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.
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
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:
my-custom-margin-classand 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.
- The topic ‘need side by side iconboxes to have the same height’ is closed to new replies.