Twentyeleven Whitespace problems

  • I’m new to customizing child themes and I have a question about Twentytwelve.

    How do I change the content area padding for pages? The default padding around the page content is rather large, I want to reduce the top, right and left padding: https://ecbiz122.inmotionhosting.com/~maddyw5/sample-page/

    As you can see, the space below the nav bar is huge and spacing on the left and right sides is huge too.

    I’ve tried a bunch of different CSS classes and haven’t had any luck. Any ideas?

    Also, is there a CSS guide for twentytwelve?

    Thnaks.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Add this to your child theme style.css

    Space (left/right)

    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title
{
width: 100%;
}

    space on top

    #main, .singular .hentry, .hentry
{
padding-top: 0;
}

    Hope that works for your hole site?

    These are the CSS codes that you need to change — margin, padding and width, respectively. Use Firebug if you are having difficulty figuring out what to do.

    #access {
    background: none repeat scroll 0 0 #101B1D;
    margin: 0 auto 16px;
}
    #main {
    clear: both;
    padding: 1.625em 0 0;
}

    `.singular #content, .left-sidebar.singular #content {
    margin: 0 7.6%;
    position: relative;
    width: auto;
    }

    Move the below CSS so that it is AFTER the one above in the style sheet and then change the width to what you want.

    #content {
    margin: 0 34% 0 7.6%;
    width: 58.4%;
    }

    Thread Starter tgone83

    (@tgone83)

    Thanks for the replies. I used egado changes and they worked. WPyogi’s suggestions did not work though.

    https://ecbiz122.inmotionhosting.com/~maddyw5/music/

    In my case WPyogi’s changes worked ?? ..there you go

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twentyeleven Whitespace problems’ is closed to new replies.