Help with background
-
Ok so I am completely CSS illiterate. There is a blog that I like the look of http://passionsandsoapboxes.com. I asked her about it and she is actually using a background image that was designed for blogger. The link to the image is http://2.bp.blogspot.com/_CarNcodpCMA/SoDYuV_yNbI/AAAAAAAAEFk/RoLOVhxPN-0/s1600-h/backlinen3column.jpg (well I just looked and she changed it, she is constantly changing the background and always using a blogger image). She tells me that all she has to do is change out the background code of her template to change image. I have been trying with no success. My question is does anyone know which template I should start with and which bit of code I should replace in order to be able to switch out my background as she does.
Thanks !!
Michelle
http://aimlesstopics.wordpress.comThe blog I need help with is: (visible only to logged in users)
-
I guess I should also say that I have purchase the CSS upgrade in order to change the way my blog looks. Any help would be appreciated.
~Michelle~
-
Something like this should work:
body { background:transparent url(url_of_image) repeat-x scroll 0 0; }But the image above is designed to fit around a certain width of container, and would likely require quite a bit of tweaking of other parts of the CSS in order to get it to work, especially with the theme you are using.
The other problem is that the image has a definite width, and when someone views your blog and has their browser window set wider than the image, they are going to see blank colored space outside the image.
-
Thanks T.S.P. I understand that there will be some white space on the outside of the image and I am fine with that. However I am having a problem getting the image to actaully show up.
I replaced
body { background: #fff; color: #333; font: 62.5% Georgia, “Times New Roman”, Times, serif; text-align: center; }with
body {
background:transparent url(http://2.bp.blogspot.com/_CarNcodpCMA/SoDYuV_yNbI/AAAAAAAAEFk/RoLOVhxPN-0/s1600-h/backlinen3column.jpg) repeat-x scroll 0 0;
}and I still have an all white background. I just dont understand what I am doing wrong. The template I am using now is Cutline. I like how it is laid out I just want to change the custom header and put an image as the background.
Thanks for any help.
-
You do not want to replace the font and size declarations in the body section, only fix the background declaration.
CSS is theme specific. The stuff I gave you above was for the Benevolence theme you were using.
You have to settle on a theme first before I’ll go any further.
-
Sorry…. I had tried the Benevolence and it didn’t change so I thought I would try the Cutline, to see if it would work. I like the cutline and I am going to stick with it if I can get the background to an image instead of white. I changed the header using the upload tool. That was easy LOL.
Again I am lost…..used to dealing with blogger sorry for the inconvenience.
-
-
OK, first thing to do is to download that image and then upload it to your blog media library and copy the URL of the image to your clipboard.
Next go to appearance > edit CSS, clear absolutely everything from the CSS edit window and paste the following into the window Replace “url_of_uploaded_image” between the parenthesis with the URL of the image you uploaded.
body { background:#928C7C url(url_of_uploaded_image) no-repeat scroll 0 0; } #container { margin:15px 0 0 340px; }Make sure that “add to existing…” is selected and then preview the change. If it looks OK, click “save”.
-
BTW, I sampled the brownish color of the right edge of the background image and put in a complimentary color so that there isn’t the stark contrast between the original white background and the color of the image.
-
-
-
- The topic ‘Help with background’ is closed to new replies.
WordPress.com Forums 
