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 »

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,765 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,765 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,765 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



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 01:32 AM.


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