Background

Hello there,

I'm currently using an interesting them on my blog - the Arsenal FC Blog - and cannot seem to add a background to the theme. At this point in time I would like to create a red/blue background to wrap around the white text area and header - anyone know how to achieve this?

Cheers.

 

if the html of that theme is the same as that of wordpress default theme, you can add an image on the #post on your css, if I rememeber correctly, that's where the "loop" starts so you can place a background there. and all your posts will have the same background

 

I'm not exactly sure to what you are referring - do you want a background to the whole page?
You would want to be doing this in the homebody or wrapper class.
Anyway, as I said, i'm not exactly sure what you require, but I'm a gooner and I like your blog so send me a PM and i'll help you out.

 

What I'm after is a red background covering the whole blog with a white rectangle in front of it to put behind the text and ensure it's still visible. Any ideas?

 

can you do a quick photochop to show us what you are talking about?

If I saw what you are trying to do I could probably tell you if it is do-able and if so what changes you need to make to you CSS file.

cheers

 

Do you mean something like this? Though you will have to change the color of the heading above the logo to match the red you want.

If it is this look or the following line of text in the css file the runs your style for the page and change the current blue to whatever red:

body {
margin: 0 auto;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 200%;
background-color: #FF0000; <<<----- CHANGE THIS LINE ONLY
background-image: url(http://i176.photobucket.com/albums/w198/spanishfry/blogmiddle.jpg);
background-repeat: repeat-y;
background-position: 50% 170px;

}

 

Also, to add to Blame's post, you can combine the Bg properties into one line.

background: url(http://i176.photobucket.com/albums/w198/spanishfry/blogmiddle.jpg) repeat-y 50% 170px #FF0000;

Code (markup):

cheers

 

Thanks guys, I somehow miraculously managed to work it out for myself! Wow!

One final problem, if you go to my blog, check out the header! It's off by like one pixel and it's ruining the entire effect!! Any answers about this one? Everything seems centred but it's just off...

 

Just checked the page and apart from not having the red'ish background you are after, the heading is lining up just fine.

I've checked it on Firefox, Safari, Netscape, Opera and Camino and it all looks fine. It may be an IE thing.

Then again being a Brit living in Brooklyn and its Thursday which means out on the p1ss day! I may be wrong about the 1 pixel you're looking for

I'll have another look Friday for you just in case