Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’m using page builder to insert four columns / two rows of visual editor widgets into a page. Because they each have different content, they are each a different height. They automatically re-size themselves to fit the content in them. I would like to define their height so that I can make a neat row of them. I can’t just add empty paragraphs because they still don’t quite line up.
I noticed there is a box to add CSS to each widget separately. I don’t know much about that but that seems to be what other people are talking about with similar posts about widgets within themes.
Hi Joe
Thanks for the wait.
If you’re not already using a CSS plugin, please, install Page: SiteOrigin CSS Editor. Next go to Appearance > Custom CSS and insert the following:
/* Custom Page Builder Styles */ .widget-mh { min-height: 200px; }Then edit each widget and insert the class name in the CSS Class field provided:
Note that there is no period before the class name when inserting the class name under Attributes. Be sure to insert the name in the Widget Class field and not the CSS Styles field. Adjust the min-height at Appearance > Custom CSS as required.
Hope that helps.
Thanks. I decided to go with images for now. I will keep this in mind if it comes up again.
Glad to hear you’re making progress. Let us know if you need a hand with anything in the future.
All the best :)