[resolved] Gray border around TwentyTwelve Theme (7 posts)

  1. awavia
    Posted 3 years ago #


    I have just installed the TwentyTwelve theme and noticed there is a gray border around the site. I have created a child theme and I would like to make this border white.

    Here is my website: http://www.awavia.com

    On the twentytwelve theme page, it has some example blogs using the theme.

    http://raanan.com/ has the gray border
    http://christinetrevino.com/ does not have the gray border / has a white border

    How do I get the border white?

    Thank You

  2. Timothy Jacobs
    Posted 3 years ago #

    In the style.css file change this:

    body {
    background-color: #e6e6e6;

    to this

    body {
    background-color: white;

    and under the body .site css remove this line:
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

  3. Michael
    Forum Moderator
    Posted 3 years ago #

    without coding:

    dahsboard - appearance - background and select a Background Color

    you still need to remove the shadow style ...

  4. awavia
    Posted 3 years ago #

    Thanks for the tips. This worked in Firefox and Chrome. However when I view the site with IE 8 on XP, the gray border is still there. You can see the site at awavia.com

  5. Michael
    Forum Moderator
    Posted 3 years ago #

    possibly from /css/ie.css

    try setting the custom background to #ffffff under
    dashboard - appearance - background

  6. awavia
    Posted 3 years ago #

    Great that works! Thank you for all the help.

  7. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Excellent work :)

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.