Need help? Check out our Support site, then


CSS to reduce padding between edge of white box and text in post

  1. Using "twenty eleven" theme and already have CSS upgrade.

    New to CSS, trying to reduce the space between left edge of white box in which post content appears and the text. There is a large gap between the beginning of the white box and the vertical allignment of the post content (title, body text etc.).

    Can't seem to find where in the CSS to adjust this. Researched online and think I need to play with a "padding" value, but for which element?

    Ideally I would like to minimize all of the horizontal padding (margins?) in the primary column and side bar.

    Please help?

    Thanks,

    The blog I need help with is proofspacecalendar.wordpress.com.

  2. Hi Phil,

    This is the code you want to change:
    <br /> #content {<br /> margin: 0 34% 0 7.6%;<br /> width: 58.4%;<br /> }<br />

    Note that in a percentage-based layout, which this is, the numbers need to add up to 100%, so if you change one of those values, you'll need to adjust the others to keep consistent.

    Hope that helps!

  3. Do I need to be using a "Child Theme" before I make changes to the CSS.

    Also, I already put this at the top of the CSS.

    #page {
    max-width: 1000px;
    }

    #secondary {
    width: 25%;
    }

    #primary {
    width: 75%;
    }

    Would it have some effect on trying to reduce the gaps highlighted in red on this image:

    http://proofspacecalendar.files.wordpress.com/2013/01/gaps1.png

    To clarify, I'm trying to reduce the gaps (empty space). I would like the post content (title, body, etc) to line up tighter to the edge of the white box.

  4. Ok, got it sorted out. Thanks so much for taking the time to help.

    Aloha,

Topic Closed

This topic has been closed to new replies.

About this Topic