WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Twenty-Twelve] Header/Menu/Content Spacing (9 posts)

  1. imansalehian
    Member
    Posted 8 months ago #

    Hello All,

    I've been having trouble trying to reduce the spacing between my site's header, navigation menu, and post titles (The site uses the Twenty-Twelve theme). I tried messing with the CSS padding on a child theme, but didn't notice any changes. Can anyone tell me if I editting the wrong CSS or is there another piece of coding I'll have to edit in?

    I'm a bit of a beginner; thanks in advance for the help!

    Iman

  2. leejosepho
    Member
    Posted 8 months ago #

    I do not know exactly what to change where, but you will likwly find some answers here:
    http://wordpress.org/search/twenty+twelve+white+space?forums=1

  3. imansalehian
    Member
    Posted 8 months ago #

    I'll check it out! Thanks so much for the speedy reply.

  4. leejosepho
    Member
    Posted 8 months ago #

    I just found this while looking through my own theme:

    .header-image {
    	margin-top: 0; /* our mod */
    	margin-top: 0rem; /* our mod */
    	vertical-align: bottom; /* our added */
    }
    
    /* Navigation Menu */
    .main-navigation {
    	margin-top: 0; /* our mod */
    	margin-top: 0rem; /* our mod */
    	text-align: center;
    }

    That might help at least a little!

  5. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 8 months ago #

    Can you provide a link to the webpage you're trying to target & post here an excerpt the CSS you've tried that isn't working?

  6. imansalehian
    Member
    Posted 8 months ago #

    Thanks leejosepho! That worked brilliantly for adjusting the spacing between my header image and navigation menu. Now all that's left is fixing the spacing between the navigation menu and the post headers.

    Unfortunately, my site is not public and therefore, providing a link to you wouldn't be much help, but I found an example of the issue on this twenty twelve demo site. I'm aiming to reduce the white space between the navigation menu and the post title (in this example, that'd be the white space above "Welcome to our website"). I tried messing with the site content article css (below) but perhaps that has nothing to do with the issue I'm trying to solve.

    .site-content article {
    	border-bottom: 4px double #ededed;
    	margin-bottom: 24px;
    	margin-bottom: 1rem;
    	padding-bottom: 24px;
    	padding-bottom: 1.5rem;
    	word-wrap: break-word;
    	-webkit-hyphens: auto;
    	-moz-hyphens: auto;
    	hyphens: auto;
  7. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 8 months ago #

    Wait, I thought you were using a Child Theme?

  8. leejosepho
    Member
    Posted 8 months ago #

    I tried messing with the CSS padding on a child theme

    I do hope that means you actually *are* using a Child Theme! No matter what, *never* modify anything inside your "Parent". Also, I pass your thanks along to another member here who first made that mod for me.

  9. imansalehian
    Member
    Posted 8 months ago #

    I am using a child theme, yes.

Reply

You must log in to post.

About this Topic