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.

space between certain rows

Resolved 16 replies pluginplugin-page-builder
jefffski
11 years ago · Last reply by Daniel 10 years ago

Hi,

I’ve been reading the thread on row spacing in page builder (v 2.0.7), but the solutions seem to be global. Is there a way to reduce spacing between specific rows in the attribute/css? I’m referring to specific elements on the homepage.

Thanks,

Jeff

URL: http://b2b.730.myftpupload.com/

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

Need fast email support? Get SiteOrigin Premium

Replies

16
  1. Daniel Staff 10 years, 11 months ago

    Hi Jefffski

    Which elements would you want to reduce space between, please let me know so that I come up with a tested solution for you.

    Looking forward to hear from you

  2. jefffski 10 years, 11 months ago

    any two rows

    on my page, have a look at the heading “Our Favourite Videos” and the video beneath it. I would like to bring them closer together.

    http://beavercanoeclub.org/

    i tried this in the attribute/css styles of the widget:
    apply_filters(\’siteorigin_panels_css_row_margin_bottom\’, $panels_margin_bottom.\’0px\’, $grid, $gi, $panels_data, $post_id).

    i think i need help with the code.

    i am using responsive mobile on wordpress 4.1

    Thanks,

    Jeff

  3. Daniel Staff 10 years, 11 months ago

    Hi Jefffski,

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #panel-1926-0-1-7 {
   margin-bottom:5px!important; 
}

    Let me know if it works for you

    Cheers

  4. jefffski 10 years, 11 months ago

    I do not have custom css in appearance. My theme does have a css styles. I added your code there to no effect. I also added it to the attribute/css styles of the widget in question, also to no avail.

    One thing that did work, but globally, was in the general settings, by changing the pixel size in the row bottom margin pixels.

    Is there a way to effect this code in the widget attributes?

    thanks

  5. Daniel Staff 10 years, 11 months ago

    Hi Jefffski

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  6. the Beaver Canoe Club Private 10 years, 11 months ago

    This is a private message.

  7. jefffski Private 10 years, 11 months ago

    This is a private message.

  8. jefffski Private 10 years, 11 months ago

    This is a private message.

  9. Daniel Staff 10 years, 11 months ago

    Hi Jefffski

    I have placed the above code via Appearance > editor on the style.css file. Please take a look and let me know if it meets your needs.

    Note: You can adjust the size in px.

  10. jefffski 10 years, 11 months ago

    That’s cool. Thanks you. How do you determine what panel number it is?

  11. Daniel Staff 10 years, 11 months ago

    Hi Jefffski

    Am glad that ironed out your issue. If you use Inspect Element options provided by browsers, it can assist you on knowing this. (https://developer.chrome.com/devtools/docs/dom-and-styles)

    I hope that helps :-)

    Cheers

  12. jefffski 10 years, 11 months ago

    mostly done. I could not manage to fix the headings on the “Where we paddle” page. I used the following code:

    #panel-1920-1-0-0 {
    margin-bottom:0px!important;
    }
    #panel-1920-1-1-0 {
    margin-bottom:0px!important;
    }
    #panel-1920-0-0-0 {
    margin-bottom:0px!important;
    }

  13. jefffski 10 years, 11 months ago

    are you there?

  14. Daniel Staff 10 years, 11 months ago

    Hi Jefffski

    First of all I apologize for the delayed response.

    You can change this with some custom CSS. Try this out

    #pg-120-1, #pg-120-2, #pl-120 .panel-grid-cell .panel {
 margin-bottom:-20px !important;
}

    Let me know if it works out for you

    Cheers

  15. jefffski 10 years, 11 months ago

    yay! thanks so much.

    jeff

  16. Daniel Staff 10 years, 11 months ago

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    Cheers

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