Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

2 questions about background images

Old Nov 11, 2009, 02:54 PM
measure2x's Avatar
52 posts · Apr 2009
Appleton, WI
Hey All,

Thanks to Juggledad I've been playing around with a large background image for my site. But, now some other issues are coming up. I've searched this forum as well as a Google search, but can't find anything.


Question #1:
How can I get a second image in the background? I have one large, centered image at the top, but I want to add a repeating image underneath it to give the illusion that the drop shadow on the right is continuing down. For the second image I simply cut a few pixels from the bottom of the large image.

If there isn't a way to do this then I'll probably remove the drop shadow and just stick with a plain white box for the background.

Question #2:
Is there any way to rotate through background images, similar to how the header can rotate through images each time you refresh the page?


Here's an example of a repeating middle-image: www.sandhillpress.com. It looks like a small slice of notebook image keeps repeating until it hits the footer.
Old Nov 13, 2009, 06:56 PM
21 posts · Jul 2009
I'm also interested in how to rotate background images -- what I'd like to do is have them change whenever a page is landed upon or refreshed.

Old Nov 14, 2009, 06:03 AM
juggledad's Avatar
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) - no, you can't have two background images for an element - after all, whigh would be the 'background'? however, you can have a background for the page body, and another for the center column.

2) - You can easily have a background per page. You just to add a CSS selector based off the page id. If you wanted page '7' to have a different background, it would look like this
HTML Code:
body.page-id-7 {
background: #f8f7e5 url(http://yourdomain.com/wordpress/wp-content/themes/atahualpa344/images/exclusive/page-back.jpg) no-repeat center top;
(check out the site we used for training the other day, I set up an example)

But to get a random background each time you selected a new page would mean a bit of code changing. You would need to code a java script similar to the one in http://forum.bytesforall.com/showthread.php?t=1307 and then find the area in the code where the style is built and build a CSS selector like above. Theoretically that should work.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Nov 15, 2009, 04:58 PM
measure2x's Avatar
52 posts · Apr 2009
Appleton, WI
Wow, I think I'll ditch the idea of a rotating background image. I think changing the whole background image for the whole site every once in awhile might be easier.

I just had an idea for getting that drop shadow to continue down the page. I'll see if I can add an image to just the right hand column. Stay tuned...

(I'll look at the test site, too thx! )


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Three specific customization questions (menu bar, page content, background) Shane Header configuration & styling 1 Oct 13, 2009 05:24 AM
2 questions about using background images tunti Atahualpa 3 Wordpress theme 1 Aug 18, 2009 09:08 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
Background images in pages ErikU Atahualpa 3 Wordpress theme 10 Apr 16, 2009 07:36 PM

All times are GMT -6. The time now is 04:43 AM.

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