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 »

Background images in pages


  #1  
Old Apr 14, 2009, 05:52 PM
ErikU
 
8 posts · Apr 2009
I would like to use a different background image for each page. I haven't been able to find instructions for that. Any ideas?
  #2  
Old Apr 14, 2009, 06:15 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You can access any property on any page with the body ID. Each <BODY> tag has an ID and classes. Look into the source code of various pages to see

body#body-page-XX div.post {
...
}

or

body#body-page-XX td#middle {
...
}

etc...

XX = ID of post or page
  #3  
Old Apr 14, 2009, 07:52 PM
ErikU
 
8 posts · Apr 2009
Ok, that works. Thanks.

What about my "home" page? It doesn't seem to have a page ID. I tried 0 and that didn't work.

Other pages work fine.
  #4  
Old Apr 14, 2009, 07:56 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
The homepage has

body#body-frontpage

Only pages that don't have an ID have an ID of "0", such as date based archive pages (category pages have an ID). They don't get an body ID but they have classes such as "December" and "2008"

Categories have
body#body-cat-1
  #5  
Old Apr 16, 2009, 03:31 PM
ErikU
 
8 posts · Apr 2009
Thanks!

Next background image question...

I would like to create a page that has nothing but an image. I would like the image to display full size (in the center column) border to border.

It would seem I have two options that aren't working well-

1. Create a page in WP and insert the image. This works, but it doesn't fill the column because of the padding setting I need on other pages. Is there a way to not have any padding on a single page?

2. Use a background image as discussed above. This fills the column, but if I don't post some kind of content in the page, I only see the top few pixels. How can I get the bachground, and only the background image seen in full?
  #6  
Old Apr 16, 2009, 05:41 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
1. With the same method described above, just using padding: 0;
2. Set a fixed height for the DIV where you want to apply this
  #7  
Old Apr 16, 2009, 05:54 PM
ErikU
 
8 posts · Apr 2009
Option 2 is the way to go. Where/how to I set that?
  #8  
Old Apr 16, 2009, 05:59 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add a CSS Insert

selector {
height: XXXpx;
}

selector = whatever DIV you want to apply this on
  #9  
Old Apr 16, 2009, 06:41 PM
ErikU
 
8 posts · Apr 2009
So far I have added these two CSS inserts:

Code:
div#post-13 {
padding-left: 10px; /* making room (50 pixels) for the image */
background: url(/wordpress/wp-content/uploads/2009/03/back1.jpg) scroll top left;
}
body#body-frontpage {
padding-left: 10px; /* making room (50 pixels) for the image */
background: url(/wordpress/wp-content/uploads/2009/03/back2.jpg) scroll top left;
}
The first one works fine. The second, for the home page, doesn't seem to do anything. Thoughts?
  #10  
Old Apr 16, 2009, 07:08 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
The second rule is applying it to the body. The image is probably there but covered by something, i.e. the layout container. If you wanted to add the image to somewhere "inside the layout, on the homepage" you'd have to add that other DIV of the "somewhere" area, i.e. div.post

body#body-frontpage div.post {
padding-left: 10px; /* making room (50 pixels) for the image */
background: url(/wordpress/wp-content/uploads/2009/03/back2.jpg) scroll top left;
}
  #11  
Old Apr 16, 2009, 07:36 PM
ErikU
 
8 posts · Apr 2009
Hmm.. I pasted that in and no change to the home page.. very strange...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Recommended File Size for Background Images Jcasteli Atahualpa 3 Wordpress theme 1 Jun 10, 2009 05:14 AM
Adding multiple background images? crashley1784 Atahualpa 3 Wordpress theme 0 Jun 6, 2009 07:30 PM
Background Images in Header Area dwbaylor Header configuration & styling 3 May 3, 2009 04:48 PM
Background images not displayed Fux Atahualpa 3 Wordpress theme 7 Apr 29, 2009 07:06 PM
How to use background images for menu items instead of text daxryan Page & Category Menu Bars 2 Feb 27, 2009 04:29 PM


All times are GMT -6. The time now is 12:27 PM.


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