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.

Menu to top row space

Open 7 replies premiumthemetheme-vantage
HunterGatherer
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 10 months ago

    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. HunterGatherer 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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. HunterGatherer 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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. HunterGatherer 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread