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, 5 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, 5 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, 5 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, 5 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, 5 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, 5 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, 5 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