Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Problems with page background


  #1  
Old Mar 9, 2010, 01:25 PM
molligirl's Avatar
molligirl
 
6 posts · Mar 2010
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!
  #2  
Old Mar 9, 2010, 03:23 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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); 
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 9, 2010, 05:10 PM
molligirl's Avatar
molligirl
 
6 posts · Mar 2010
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);
}
  #4  
Old Mar 9, 2010, 05:13 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
You mean .jpg, not .pg.
  #5  
Old Mar 9, 2010, 06:38 PM
molligirl's Avatar
molligirl
 
6 posts · Mar 2010
Yes, I caught that, but still not working.
  #6  
Old Mar 10, 2010, 04:47 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Mar 10, 2010, 02:12 PM
molligirl's Avatar
molligirl
 
6 posts · Mar 2010
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);
}

  #8  
Old Mar 10, 2010, 02:49 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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); 
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Mar 12, 2010, 10:53 PM
molligirl's Avatar
molligirl
 
6 posts · Mar 2010
Thank you! On to the next issue - for another thread.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Favicon background problems mkrivera7 Header configuration & styling 9 Jun 5, 2009 05:04 AM
posts page problems JBWhite Atahualpa 3 Wordpress theme 2 May 11, 2009 03:22 PM
Archive Page Problems adashofsass Atahualpa 3 Wordpress theme 4 Mar 9, 2009 11:08 AM
Using background images in Center and Sidebar...Problems Velma Atahualpa 3 Wordpress theme 4 Feb 16, 2009 10:28 PM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


All times are GMT -6. The time now is 06:10 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.