reduce space between navagation bar and the body of the site

  • Hello,

    I am having the same problem, however i was able to fix it on the main page to an extent. However I am not able to change it on the other pages. How do I go about making the changes to other pages on the site?

    This is the change I made to the home page. Previously the padding: 5x 0; was 60x.
    I would like to make it closer to the header if possible.

    I also need to do this on all of the pages. Is there a simple way of doing this? I have quiet a few pages. Is there a program (plug-in) that will make this change across all the pages?

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 5x 0;
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #848484;

Viewing 7 replies - 16 through 22 (of 22 total)
  • Thread Starter alphaandomega

    (@dmcp2)

    I think I might have fixed it to an extent. Please have another look. Also how do I take out. Custom Tooling and Fabrication from the footer, right above the copyright.

    Thread Starter alphaandomega

    (@dmcp2)

    The custom footer and fabrication at the bottom of the site is actually a link. Not sure how it got there. and not sure how to remove it.

    Thread Starter alphaandomega

    (@dmcp2)

    Ok, i fixed the issue with the custom footer and fabrication link at the bottom of the page.

    Whats funny is when i look at the website on my mobile phone, it looks exactly the way i want it to look. as far as the spacing. The only problem is on the home page, (when i look at it from my phone). The Top of the words “search products” are cut off with a white line.

    When I look at your site, I noticed that you still haven’t fixed the typo in your stylesheet on line 151, in the #st-content-wrapper section:

    padding: 5x 0;

    should be

    padding: 5px 0;

    I think if you fix that, it should look right.

    Thread Starter alphaandomega

    (@dmcp2)

    This is what I have on my:
    Styles
    Stylesheet
    (style.css)

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 5px 0;
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #848484;

    Also, I don’t see any numbers. When you evaluate my site what program are you using to view it. How can I make the edit you are suggesting? Is there a wordpress plug in that might be effective? So far I have been using the Simple Custom CSS.

    Some code editors show line numbers, although unfortunately, WP’s built-in editor (Appearance > Editor) does not. Web inspecting tools like Firebug will also show you the line numbers.

    In your case, I still see the error in your stylesheet. In any case, though, you can simply make the change in your custom CSS plugin like you have been:

    #st-content-wrapper {
margin-top: -15px;
padding: 5px 0;
}
    Thread Starter alphaandomega

    (@dmcp2)

    its perfect now. Thank you.

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘reduce space between navagation bar and the body of the site’ is closed to new replies.