Wordpress Themes - WP Forum at BFA - How to assign different header-images to different pages?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - How to assign different header-images to different pages? (http://forum.bytesforall.com/showthread.php?t=10309)

koinonos

Oct 14, 2010 11:54 AM

How to assign different header-images to different pages?

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.

Velma

Oct 14, 2010 01:22 PM

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

juggledad

Oct 15, 2010 04:48 AM

The CSS goes at ato->Add HTML/CSS Inserts->CSS Inserts

koinonos

Oct 15, 2010 07:06 AM

Quote:

Originally Posted by juggledad (Post 46215)

The CSS goes at ato->Add HTML/CSS Inserts->CSS Inserts

That was easy. Thanks for your help.

koinonos

Oct 15, 2010 07:40 AM

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;
}

juggledad

Oct 15, 2010 10:14 AM

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.

koinonos

Oct 15, 2010 10:16 AM

Quote:

Originally Posted by juggledad (Post 46253)

You could have a different set for each page

How would I do that?

juggledad

Oct 15, 2010 02:26 PM

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

koinonos

Oct 16, 2010 06:11 AM

Quote:

Originally Posted by Velma (Post 46125)

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?

All times are GMT -6. The time now is 05:23 AM.