Need help? Check out our Support site, then


Decrease padding between core content and nav menu

  1. Hello,
    Just wondering if anyone could supply me the code to paste into CSS Editor that will decrease the gap between my nav menu and content on every page except my blog page (which looks fine already). If you have a look at my site –

    http://www.mjhearle.com

    – you'll see the large gap between the nav menu and content on the pages BOOKS, ABOUT and STORE. I'd like to decrease this considerably so it looks more balanced.

    Thank you in advance!

    The blog I need help with is mjhearle.com.

  2. This gap comes from a combination of the margins on the site-description div and the h2 headers. Try playing around with these values:

    #site-description {<br /> margin: 18px auto 60px;<br /> }</p> <p>h2 {<br /> margin-top: 30px;<br /> }

    The code above is the current margin settings, so you'll want to try changing it to get the spacing you prefer. For example, you could change the first value to margin: 18px auto; and the second value to margin-top: 10px; (this will reduce that gap, although you'll want to look around and see what else it changes—you may want to restrict the h2 changes to the entry-title class).

    I highly recommend using the Firebug add-on for Firefox if you don't have it already. It really helps identify what pieces of the CSS control different elements on the page.

  3. Cheers for that. I really appreciate it. Now, I'm able to make the margin amends, however they're site wide. Is it possible for me to change margins on all the pages except the 'post' page?

    Thanks in advance.

    MJ

  4. Actually, I managed to fix it. Thanks for all your help.

    - M

  5. Excellent! I'm happy I could help. Sorry I didn't have a chance to help with the last bit, but I'm glad you were able to find the fix.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags