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 »

How to assign different header-images to different pages?


  #1  
Old Oct 14, 2010, 11:54 AM
koinonos
 
22 posts · Jul 2010
UK
Hello

I have seen this post and have followed most of it, apart from I have a query on where to add the CSS for the page.

Quote:
Now for each page add the following CSS Insert
HTML Code:
body.page-id-211 div#imagecontainer {
background-image: url(http://yourdomain.com/wordpress/wp-c...r/homepage.jpg) !important;
where '211' is the page ID for the page you are working on (to get the page ID, go and edit the page, then look in the browsers address bar. The last part of the html address will be a number and that is the page ID)
Where exactly do you add the CSS insert? On each of the pages? If so, where on the page?
Or is it somewhere else?

Using 353 and want different header images on each of the different pages.
Thanks.
  #2  
Old Oct 14, 2010, 01:22 PM
Velma
 
272 posts · Feb 2009
http://nicasiodesign.com/blog/catego...press-plugins/

The Dynamic Headers plugin will allow you to do this. I have used it with Atahualpa successfully.

Velma
__________________
What I REALLY love to do.
http://welcomechangesradio.com
  #3  
Old Oct 15, 2010, 04:48 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The CSS goes at ato->Add HTML/CSS Inserts->CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Oct 15, 2010, 07:06 AM
koinonos
 
22 posts · Jul 2010
UK
Quote:
Originally Posted by juggledad
The CSS goes at ato->Add HTML/CSS Inserts->CSS Inserts
That was easy. Thanks for your help.
  #5  
Old Oct 15, 2010, 07:40 AM
koinonos
 
22 posts · Jul 2010
UK
Is it possible to have a different set of rotating header images on each page? I added the CSS for each page and it is only showing the first image each time. Is my CSS correct?

Quote:
body.page-id-10 div#imagecontainer {
background-image: url(http://www. ... /wp-content/themes/atahualpa353/images/header/ski1.jpg) !important;
background-image: url(http://www. ... /wp-content/themes/atahualpa353/images/header/ski2.jpg) !important;
background-image: url(http://www. ... /wp-content/themes/atahualpa353/images/header/ski3.jpg) !important;
background-image: url(http://www. ... /wp-content/themes/atahualpa353/images/header/ski4.jpg) !important;
background-image: url(http://www. ... /wp-content/themes/atahualpa353/images/header/ski5.jpg) !important;
}
  #6  
Old Oct 15, 2010, 10:14 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You could have a different set for each page, but you would have to go into the theme code and hard code the arrays and redo it each time there is a new release of the theme.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Oct 15, 2010, 10:16 AM
koinonos
 
22 posts · Jul 2010
UK
Quote:
Originally Posted by juggledad
You could have a different set for each page
How would I do that?
  #8  
Old Oct 15, 2010, 02:26 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I don't exactly know since I've never done it. You would probably have to edit js.php and change some code to load images on a per page basis
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Oct 16, 2010, 06:11 AM
koinonos
 
22 posts · Jul 2010
UK
Quote:
Originally Posted by Velma
http://nicasiodesign.com/blog/catego...press-plugins/

The Dynamic Headers plugin will allow you to do this. I have used it with Atahualpa successfully.

Velma
Does this plug in allow multiple images per page and a way to manage their transitions. If not can anyone recommend another plug-in that will do this?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Rotating Header Images link to Different pages instead of home page? WordPressZen.com Header configuration & styling 10 Oct 13, 2010 12:41 PM
Header Images - One fixed image for Home Page - Rotate all images on all other pages? ClearlyRobert Header configuration & styling 10 Oct 12, 2010 12:12 PM
Link header images to separate pages andreapalframan Header configuration & styling 5 May 28, 2010 11:59 AM
[SOLVED] How to assign different header-images to different pages? gxxfy Header configuration & styling 9 Mar 31, 2010 04:49 AM
Different header images on different pages djberriman Header configuration & styling 1 Jan 26, 2010 01:01 PM


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


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