Wordpress Themes - WP Forum at BFA - [SOLVED] Problems with page background

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - [SOLVED] Problems with page background (http://forum.bytesforall.com/showthread.php?t=6236)

molligirl

Mar 9, 2010 01:25 PM

[SOLVED] Problems with page background

First of all, I LOVE and appreciate this theme and the gurus behind it. Being a designer, not a programmer, I'm working really hard to learn how to use it as well as I can.

I'm a bit confused about how to style my homepage differently than the interior pages. I want my homepage to have a different background, different content area and styles, etc.

Here's the url I'm working on: http://visionofwholeness.org

And here's the code I tried entering into the CSS Inserts area:
body#page-id-66 div.bodyrow{
background: url(/wp-content/themes/atahualpa/images/bgHomePhoto);
}

I can't figure out what I'm doing wrong, and would appreciate help.
Thanks much!

juggledad

Mar 9, 2010 03:23 PM

try this, you want the background for the body, not the bodyrow

HTML Code:

body#page-id-66 {

background: url(/wp-content/themes/atahualpa/images/bgHomePhoto); 

}

molligirl

Mar 9, 2010 05:10 PM

Thanks - I tried that and the following code, but it still doesn't work. I'm putting it in the CSS Inserts. Can't figure it out.

body#page-id-66 div#container {
background: url(http://visionofwholeness.org/wp-cont...HomePhoto.pg);
}

paulae

Mar 9, 2010 05:13 PM

You mean .jpg, not .pg.

molligirl

Mar 9, 2010 06:38 PM

Yes, I caught that, but still not working.

juggledad

Mar 10, 2010 04:47 AM

You have a problem with the names and or locations of your images. The name of the image must match EXACTLY the name in the folder and CASE IS IMPORTANT - an 'A' does not equal an 'a'

molligirl

Mar 10, 2010 02:12 PM

Thank you -
I fixed the naming, and also tried the approach of creating a custom page template for my homepage (named "homepage.php) and a bunch of css styles in the CSS Inserts. I still can't get rid of that background graphic.

http://www.visionofwholeness.org

Among all the other css, the code I inserted for a custom background is:

body#page-id-66 {
background: url(/wp-content/themes/atahualpa/images/bgHomePhoto.jpg);
}

:confused:

juggledad

Mar 10, 2010 02:49 PM

In a CSS selector, a class is identified with a '.' while an ID is identified with a '#'. Since the 'page-id-66' is a class (<body class="home page page-id-66 page-template page-template-homepage-php">) the CSS Selector needs to be 'body.page-id-66' not 'body#page-id-66' so you should have

HTML Code:

body.page-id-66 {

background: url(/wp-content/themes/atahualpa/images/bgHomePhoto); 

}

molligirl

Mar 12, 2010 10:53 PM

Thank you! On to the next issue - for another thread.

All times are GMT -6. The time now is 05:00 PM.