Twenty Twelve

  • Hello,

    I’m trying to customize the default 2012 theme.
    I am trying to remove the 1 px grey border around the main page of the site, and the margin. See this image for what I am referring to:
    https://firetree.dyndns-server.com/cam/pic/wpForum.JPG
    I’m sure you all realize this, but the green part there is the margin i’m trying to get rid of. Unfortunately the code below didn’t work. I read on google that the hfeed class is for webcrawlers, not styling so I’m assuming that isn’t the issue, and I couldn’t find the id “page” or #page anywhere defined in style.css. What else could create this problem, and how would you fix it?

    I changed the “site” class in style.css of the theme to:

    .site {
    /* removed padding and bg color to this */
    padding: 0;
    margin: 0;
    border: none;
    }

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

  • Do not edit the Twenty Twelve theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.

    The padding to .site is set a few times in the stylesheet. What you did is just for one of them. Have a look at the other one down below in the media query bit.

    to remove the 1 px grey border around the main page of the site

    This one is for the 1px gray thing.

    @media screen and (min-width: 960px) {
	body .site { box-shadow: none; }
}
    Thread Starter camdixon

    (@camdixon)

    Awesome,

    Thanks for your help Paul ??
    Esmi, I made a copy of it and renamed it. But it’s still the twentytwelve code. So that way there is still a copy of the theme.

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