Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Keep rotating Header Image on Home Page and Different header image on each p (http://forum.bytesforall.com/showthread.php?t=5802)

grnidone Mar 10, 2011 03:37 PM

subscribed to post.

juggledad Mar 10, 2011 03:56 PM

to find the category, go to the page in question and view the source. Now search for '<body' and you will see the category assigned.

On your site, you must be using some plugin to create the categories so the normal naming doesn't work.

rackphoto Mar 21, 2011 03:38 PM

I feel bad for dwelling on this but my brain is exploding on this, I too am trying to get a separate header image on one (or more) of my pages while the regular rotating header feature stays on the home and or blog pages and some other pages too. I am using a static page for my home page (can have regular rotating images) a blog page (with regular rotating images) a couple more pages with the regular rotating pages also. I just need to have another page that has a different header image (it would be great if that page could have it's own set of rotating images different from the regular one!?)
I tried the instructions above but the same header images rotate on the page that I want a separate and different image?!
Site is

http://rackphoto.com/main/

I would like the "Architecture" page to have a different image(s) and have added a css insert

body.page-id-372 div#imagecontainer {
background-image: url('http://rackphoto.com/main/wp-content/header_images-extra/dei-header.jpg') !important;
}

Doesn't change anything?
Any ideas? Thanks a million.

ron rack

juggledad Mar 21, 2011 04:30 PM

try shutting off the fade in/out

rackphoto Mar 21, 2011 10:01 PM

wow, that was it!!! Setting the fade in / out to zero did the trick for me. I really like the fade effect but something had to give I guess.

thanks again!

ron rack

Masselyn Apr 30, 2011 12:40 AM

Hi:

I have not found the following in the forums, but if I missed it by all means feel free to knock me over with the URL.

Can we have different rotating images, on different pages, using the built-in header feature (presuming that each page would call images from a different directory on the system)? I saw someone mentioned it above, but not sure if there is code or edits that can be made to accommodate this. I'd love to do it for a new site launched, where the client wants rotating images on the homepage to be from one set of images - and another set of images rotating on their "Daycare" tab. You can view the site here, if it helps.

http://184.172.150.20/~hmckeon/

Thanks

juggledad Apr 30, 2011 05:13 AM

There is nothing in Atahualpa or the Tutorials that will allow you to have a different set of linked header images/page but you might want to look at the 'dynamic header' plugin - and if it can't do it alone, then check out the 'widget logic' plugin so you could have multiple copies of the dynamic header, one set for each page and have widget logic choose the version depending on the page.

Note - this is sure to add to the response time for the page. each new plugin adds more code that has to be executed and more memory that is used, so you might want to ask your customer if the want it enough to make the site slower....;)

itsjustlife May 3, 2011 07:14 AM

Hi

Where do I add the CSS insert

juggledad May 3, 2011 07:34 AM

ATO->Add HTML/CSS Inserts->CSS Inserts

andermarketing May 15, 2012 11:03 PM

Quote:

Originally Posted by alleyoopster (Post 55059)
This link goes some way to helping. Looking at the code it seems possible to use a full URL to an external domain instead.

With regards to my own problem of not displaying headers on all pages I found the answer. In CSS inserts as follows to disable headers on certain pages.
Code:

/* Stop Header Images displaying on certain pages */
body.page-id-5 div#imagecontainer {display: none;}
body.page-id-13 div#imagecontainer {display: none;}

EDIT: The link above led me to this one

This works for me however it's impractical to list every page if you only want the images on the home page. Is there a global line of code to omit the header images on every page except the home page?

lmilesw May 16, 2012 11:43 AM

You could use CSS to hide the header on all pages and then other after it to show on the home page. Here is an example
HTML Code:

#imagecontainer {
    display: none;
}
body.home #imagecontainer {
    display: block;
}


SharonJ May 17, 2012 10:57 PM

Would it work to put a widget area in the header area (this-from Juggledad)

1) add the following to 'Configure Header Area' HTML Code:
<?php bfa_widget_area('name=Header widget area'); ?>
2) go view the front page of your site
3) go to dashboard->appearances->widgets you should see your new widget area
4) put the widget you want into it. A text widget with a link to the banner.jpg file maybe.

Then install the plug in Display Widgets. Go to Widgets, go to the widget you have put in the header. Select Show Only on Checked. Then only check the Home page.

A bit convoluted but it will probably work.

lmilesw May 17, 2012 11:20 PM

That will work fine and allow you to use perhaps another rotator. My suggestion would target the built in image rotator.

SharonJ May 17, 2012 11:56 PM

Oh yay. That is the missing piece I had not figured out yet. Thank you, Miles


All times are GMT -6. The time now is 12:15 AM.

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