Bloggers: How can I get rid of this Main Background?

Joined
Sep 6, 2008
Messages
869
Reaction score
0
Points
16
Your Mac's Specs
13" MBP - 2.7 Ghz, Intel Core i7, 8GB RAM.
How can I get rid of the brown Main Background seen here behind all my content and make it just white? I want it white on white. I've tried changing it in the Template Designer and in the HTML and it always reverts to anything but white.

(Using Blogger.com)
 
C

chas_m

Guest
Some CSS guru could point you to this in a few clicks, but I take the brute-force approach:

1. Download a tool that samples colours and returns their web value.
2. Open the template, do a search on that code, change it to #000000 (white).
3. Save the template.
 
OP
R
Joined
Sep 6, 2008
Messages
869
Reaction score
0
Points
16
Your Mac's Specs
13" MBP - 2.7 Ghz, Intel Core i7, 8GB RAM.
Where would I get the tool? How is this different than directly editing the HTML in the current template?
 
Joined
Oct 22, 2010
Messages
2,571
Reaction score
79
Points
48
Location
Bretforton, Worcestershire
Your Mac's Specs
MacBook Pro 15" 2014, 2.2GHz i7, 16GB RAM, 250GB SSD, OSX 10.9.5 - iPhone 5s 16gb
I'm not seeing a brown background! Have you sorted it?

- Simon
 
OP
R
Joined
Sep 6, 2008
Messages
869
Reaction score
0
Points
16
Your Mac's Specs
13" MBP - 2.7 Ghz, Intel Core i7, 8GB RAM.
I'm not seeing a brown background! Have you sorted it?

- Simon

blogggg.jpg
 
Joined
Oct 22, 2010
Messages
2,571
Reaction score
79
Points
48
Location
Bretforton, Worcestershire
Your Mac's Specs
MacBook Pro 15" 2014, 2.2GHz i7, 16GB RAM, 250GB SSD, OSX 10.9.5 - iPhone 5s 16gb
Gotcha...

Can't see it in the html of the actual page, so the coding should be in the css stylesheet. You should as you say be able to edit the raw html of the stylesheet.

Hope this helps a little as I can't obviously access the stylesheet myself and have a look for myself.

- Simon
 
Joined
May 14, 2009
Messages
2,052
Reaction score
136
Points
63
Location
Near Whitehorse, Yukon
Your Mac's Specs
2012 MBP i7 2.7 GHz 15" Matte - 16 GB RAM - 120 GB Intel SSD - 500 GB DataDoubler Mac OS 10.9
That background is not a color, it is a image (beats me why though).
The images used are,
http://blogblog.com/1kt/travel/bg_black_70.png
http://blogblog.com/1kt/travel/bg_black_50.png

Both these images are used in the inline css code on top of the main page HTML code.

This is the css code that adds the background you want gone.

.content-inner {
background: transparent url(http://blogblog.com/1kt/travel/bg_black_70.png) repeat scroll top left;
background-position: left -0;
background-color: #ffffff;
padding: 20px;
}

Change it to

.content-inner {
background-color: #ffffff;
padding: 20px;
}
 
Joined
Oct 22, 2010
Messages
2,571
Reaction score
79
Points
48
Location
Bretforton, Worcestershire
Your Mac's Specs
MacBook Pro 15" 2014, 2.2GHz i7, 16GB RAM, 250GB SSD, OSX 10.9.5 - iPhone 5s 16gb
That background is not a color, it is a image (beats me why though).
The images used are,
http://blogblog.com/1kt/travel/bg_black_70.png
http://blogblog.com/1kt/travel/bg_black_50.png

Both these images are used in the inline css code on top of the main page HTML code.

This is the css code that adds the background you want gone.

.content-inner {
background: transparent url(http://blogblog.com/1kt/travel/bg_black_70.png) repeat scroll top left;
background-position: left -0;
background-color: #ffffff;
padding: 20px;
}

Change it to

.content-inner {
background-color: #ffffff;
padding: 20px;
}

TUT, I didn't even notice that!! Well spotted McYukon!!

- Simon
 
OP
R
Joined
Sep 6, 2008
Messages
869
Reaction score
0
Points
16
Your Mac's Specs
13" MBP - 2.7 Ghz, Intel Core i7, 8GB RAM.
That background is not a color, it is a image (beats me why though).
The images used are,
http://blogblog.com/1kt/travel/bg_black_70.png
http://blogblog.com/1kt/travel/bg_black_50.png

Both these images are used in the inline css code on top of the main page HTML code.

This is the css code that adds the background you want gone.

.content-inner {
background: transparent url(http://blogblog.com/1kt/travel/bg_black_70.png) repeat scroll top left;
background-position: left -0;
background-color: #ffffff;
padding: 20px;
}

Change it to

.content-inner {
background-color: #ffffff;
padding: 20px;
}

@McYukon: I went into Blogger's Edit HTML, and searched for that code you found, but it isn't showing up...
 
Joined
May 14, 2009
Messages
2,052
Reaction score
136
Points
63
Location
Near Whitehorse, Yukon
Your Mac's Specs
2012 MBP i7 2.7 GHz 15" Matte - 16 GB RAM - 120 GB Intel SSD - 500 GB DataDoubler Mac OS 10.9
I made myself a dummy account there and I found out that they use CSS variables.
Look for this,

.content-inner {
background: $(content.background);
background-position: left -$(content.imageBorder.top.space);
background-color: $(content.background.color);
padding: $(content.padding);
}

And change it to

.content-inner {
background-color: $(content.background.color);
padding: $(content.padding);
}
 

Shop Amazon


Shop for your Apple, Mac, iPhone and other computer products on Amazon.
We are a participant in the Amazon Services LLC Associates Program, an affiliate program designed to provide a means for us to earn fees by linking to Amazon and affiliated sites.
Top