Hi there,
i’m wondering if i can use a empty row in the page builder to maken a spacer with a picture.
at the moment i have a googlemaps picture set in a empty row but the spacing of the empty row can not be set?
i hope you understand me en you can help me..
thanks a lot!
In the documentation you say i can edit a .style file named: siteorigin_panels_row_styles but i cant find that specific file..
if i can add a custom class id then it is no problem..
hope to hear from you soon..
thanks!
Hi Sander
Each row in a Page Builder page will have an ID that looks something like “pg-701-0”. This ID is unique to that cell across your entire site. The 701 is the page ID and the 0 is the row number (1st row is 0).
You can add some custom CSS like this to to change the bottom margin of a row.
#pg-701-0 { margin-bottom: 50px !important; }If you’re having trouble working out the row ID, you can always use the web inspector to find it.
https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
Nice,
that works!
thanks a lot!
Glad to hear it Sander!
Can i also change the textcolor of a headline widget for a specifik row?
im trying to figure it out but with no sucses..
thanks!
That would be very similar.
#pg-701-0 .widget_headline-widget h1{ color: #444; } #pg-701-0 .widget_headline-widget h3{ color: #444; }For any other customisations, please check out our modifying theme design page. It’ll really help you get all the customisations done that you need.
https://siteorigin.com/basics/modifying-theme-design-with-custom-css/