This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

use page builder to make spacer

Resolved 6 replies pluginplugin-page-builder
Sander Bloem
11 years ago · Last reply by Greg Priday 11 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Sander Bloem 11 years, 7 months ago

    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!

  2. Greg Priday Staff 11 years, 7 months ago

    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/

  3. Sander Bloem 11 years, 7 months ago

    Nice,

    that works!

    thanks a lot!

    • Greg Priday Staff 11 years, 7 months ago

      Glad to hear it Sander!

  4. Sander Bloem 11 years, 7 months ago

    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!

  5. Greg Priday Staff 11 years, 7 months ago

    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/

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread