Remove Grey Border from Twenty Twelve Theme

Hi GS,

I am trying to understand what you are asking. Are you looking to remove the grey background or the grey border lines at the end of the post? If it is the grey bottom border then that can be fixed quite easily.

Cheers,
George

The grey background. I want the white part to take up the whole page on the screen. Right now you can see my heading “Millennial Finances” and there is gray above it, and to the right and left of it.

Hey GS,

Thanks for getting back to me to remove the background and the drop shadow put the following onto a custom css sheet.

body {
    background-color: #e6e6e6;
}

body .site {
		box-shadow: 0;
	}

If I can be of further assistance just drop me a line.

Cheers,
George

It entered that into my Edit CSS and it didn’t work. I’d like to include a screenshot of my CSS editor but not sure how to do that on this forum.

I’m using Jet Pack’s Custom CSS editor – and I go to Appearance > Editor on WP. It’s a blank space there, and I copied and pasted the code you gave. I went to preview and saved it but no luck.

There may be a conflict between Jet Packs CSS Editor and your Theme. Can you disable Jet Packs CSS temporarily and then go to themes, editor, and then on the right hand side scroll down to see if there is a custom CSS page already.

If there is try using that and see if it works. If there isn’t one then you need to either make a child theme or use another custom CSS plugin.

That’s disappointing because I switched to Twenty-Twelve theme so more things would be compatible with it, and Jet Pack seems like a very common plug-in.

I have no custom CSS page after disabling Jet Pack. I’ve added a popular child theme plug in, and have a child theme, but not sure how to add your code to get rid of the background to it. When I got to Appearance > Editor, I see my child theme is selected, but it just says:

/*
Theme Name: Twenty Twelve Child 02
Template: twentytwelve
Author: Child Theme Configurator
Version: 1.0.1439911370
Updated: 2015-08-18 11:22:50
*/

@charset “UTF-8”;

I tried adding your code after that, but no luck. Where do add/edit my existing code to get rid of the background?

Hey GS,

I know this is frustrating and I do want to help so let’s try this copy from @import down to end…

/*
Theme Name: Twenty Twelve Child 02
Template: twentytwelve
Author: Child Theme Configurator
Version: 1.0.1439911370
Updated: 2015-08-18 11:22:50
*/

@charset "UTF-8";

@import url ("../twentytwelve/style.css");

body {
    background-color: #fff;
}

body .site {
		box-shadow: none;
	}

If this doesn’t work then let me try to analyze this a little further by asking a few more questions here.

1. When the original changes to the twenty-twelve template were made did you make them?

2. If so where did you make the changes?

3. If not who made them? Can you contact that person?

Here is the reason for asking these questions. I downloaded twenty-twelve and noticed it had a white background originally. Someone made changes to the template to make it look like it is today. Now if someone made a custom css sheet then going back to that sheed and deleting the background should take care of the grey background. Now as far as the other CSS code it would be a matter of putting that one on the style sheet.

That worked – thank you very much!

I am glad to be of service.

Cheers,
George