Content Padding

  • Hello,

    I’m trying to figure out how to reduce the left and right padding on the default twenty twelve theme which I’m customizing. I’m talking about the space directly to the left and right of the page content (not the background). Here’s my site: https://ecbiz122.inmotionhosting.com/~maddyw5/music/

    I’ve using Firebug but I haven’t been able to find which class is controlling. I’ve tried dozens of them so far.

    Any ideas?

    Thanks.

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

  • That’s because it’s margins, not padding…

    Look at #content margins — several places in style.css — right now it’s set at 7.6%.

    Use the console tool to manipulate the CSS.

    Thread Starter tgone83

    (@tgone83)

    Thanks guys.

    I found .singular #content, .left-sidebar.singular #content which controls the main content margins. Too bad there’s not a single class that adjusts the margins for every part of the template though (nav, footer etc) so they all line up. Looks like I’ll have to change quite a few classes which is a pain.

    Which brings up a new issue: I’m using a child theme and thought any CSS declaration would override the default in twentytwelve. This isn’t the case with the above class though: it only works if I change the margin value in the original stylesheet. In other words, nothing happens if I define the new margins in a child theme.

    Any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Content Padding’ is closed to new replies.