Home>Support>Menu to top row space

Menu to top row space

Andrew,
How do I set the space between the menu and the top of the first row in Vantage Premium, using Pagebuilder? The space to too wide here on this development site:
http://www.preview-education.com/tg/relationship-sales/
Thanks again,
HG/mws

URL: http://www.preview-education.com/tg/relationship-sales/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 28 days ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    If for the whole site:

    /* Main */#main {padding-top: 0;]

    If just for that page:

    /* Relationship Sales */.page-id-184 #main {padding-top: 0;}

    0 can be changed to a px value if required.

  2. 9 years, 27 days ago HunterGatherer

    Thanks Andrew. Works great.

    It does require using “px” with the value, as in “2px”, not just “2” to designate the gap, if any. What am I getting when I only use the number? It’s a lot wider.

    On the page by page setting, are you saying it’s by page id#, and the /* Page Name */ is just commentary? Correct?

    Thanks again.
    HG/mws

  3. 9 years, 27 days ago Andrew Misplon
    Hi, I Work Here

    For sure, if you don’t want it as zero then you’ll need a unit if measurement. Only line-height in CSS can be unitless. Everything else needs a unit of measurement.

    That’s right, /* Page Name */ is just a CSS comment. You can leave it out or write whatever you want there. Notes for yourself.

    Each page inserts a unique class (not ID) into the body tag. This means we prefix with a period, not a hash. There is ID in the class name so that’s a little confusing. You can get any page ID by going to Pages > clicking on the page and then checking the URL, it’s in there:

    .page-id-insert-the-number-here {
    }
    

    You can also use your browsers developer extension to inspect the source code. It’s in the opening body tag.

    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  4. 9 years, 27 days ago HunterGatherer

    Thanks. I use a plugin for page and post ID numbers.

    Like I mentioned in another note, I’m not too good with CSS. I do have an understanding of basic style sheets. But, no matter how I use code inspectors, I really do not understand how to read or identify elements, or how they are modified.

    I was able to use SiteOrigin CSS to insert this particular code, and the ones you sent earlier on the various headline definitions. I find the Vantage headline weights to be too small, using the Helevetica Nue, standard font. But, have not tested any others.

    I appreciate the help.

    HG/mws

  5. 9 years, 27 days ago Andrew Misplon
    Hi, I Work Here

    No problem. If you tell me the pages you need to grab the post or page class to adjust the #main container I’d be happy to help.

    Which Headline widget are you using? The Vantage Headline or the SiteOrigin Headline widget? I can help adjust that for you.

  6. 9 years, 15 days ago HunterGatherer

    SiteOrigin Headline widget.

    I used the whole site version of the css. There are a couple of pages it did not impact, and still have the gap. Most of them are fine. I’m trying to find a workaround.

    HG

  7. 9 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    I’d be happy to take a look tomorrow when we come back online. If you’d like that, please, send me a list of the pages showing a problem.

    Thanks

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More