|
#1
Feb 9, 2010, 04:39 PM
|
|
[SOLVED] Keep rotating Header Image on Home Page and Different header image on each p
Not sure if I should have started a new thread on this or put this in the other thread.
I want to keep the rotating header images in the home page but use a different static image for each page after that. Does Dynamic Headers do this? If not, is there a way to do this?
Thanks,
Tim
|
#2
Mar 10, 2010, 03:00 PM
|
|
Hi Tim, I'm wanting to do the same thing and wondered if you got this resolved? I have been able to show the dynamic header on each page but instead of replacing Atahualpa's heading I end up with two headings, any ideas?
|
#3
Mar 11, 2010, 05:34 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
here is what you need to do.
1) create a folder in 'wordpress/wp-content' called 'hdr_images' (actually you can call it what ever you want)
2) find the PAGE ID for each page (go to dashboard->pages->edit and edit a page in question. Look at the browser's address bar, you will see something like
HTML Code:
http://yourdomain.com/wordpress/wp-admin/page.php?action=edit&post=2
the number at the end is the PAGE ID
3) add a CSS insert for each page. The format will be like this
HTML Code:
body.page-id-2 div#imagecontainer {
background-image: url('http://yourdomain.com/wordpress/wp-content/hdr_images/page_2.jpg') !important;
}
create a CSS insert for each page you want a single image to show up on.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Last edited by juggledad; Feb 4, 2011 at 03:11 AM.
|
#4
Mar 14, 2010, 10:31 PM
|
|
Hi Juggledad, thanks for your reply. I tried what you suggested but it didn't make any difference. for now I have just disabled the Atahualpa rotating header and made every page static with their own header. However, if I could figure it out I would like to be able to have the home page with the rotating header but can't seem to find my answer reading through the other threads.
|
#5
Mar 15, 2010, 06:41 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
kesbo, this should work, I tested it before I posted.
What version of Atahualpa and wp?
What is your url?
Please put it back in and I'll take a look
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#6
Mar 17, 2010, 01:04 AM
|
|
I am using Atahualpa version 3.4.5 and Wordpress 2.9.2 my URL is www.homesinharmony.co.nz. thank you very much for your help, Kesbo
|
#7
Feb 2, 2011, 06:07 AM
|
|
|
|
72 posts · Jan 2011
Long Island, NY
|
|
Quote:
Originally Posted by juggledad
here is what you need to do.
1) create a folder in 'wordpress/wp-content' called 'hdr_images' (actually you can call it what ever you want)
2) find the PAGE ID for each page (go to dashboard->pages->edit and edit a page in question. Look at the browser's address bar, you will see something like
HTML Code:
http://yourdomain.com/wordpress/wp-admin/page.php?action=edit&post=2
the number at teh end is the PAGE ID
3) add a CSS insert for each page. The format will be like this
HTML Code:
body.page-id-2 div#imagecontainer {
background-image: url('http://yourdomain.com/wordpress/wp-content/hdr_images/page_2.jpg') !important;
}
create a CSS insert for each page you want a single image to show up on.
|
Is there a way to use this concept relative to a category page? I tried the above string, replacing the beginning portion as follows:
body.page-id-2 with
body.cat-id-3 (and then)
body.category-id-3
neither category version worked, but I figured there had to be a way to achieve this in a similar manner. Thoughts, and thanks.
|
#8
Feb 2, 2011, 07:06 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
the format would be 'body.category-announce'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Last edited by juggledad; Feb 2, 2011 at 07:15 PM.
|
#9
Feb 2, 2011, 07:13 PM
|
|
|
|
72 posts · Jan 2011
Long Island, NY
|
|
I'm off somewhere. I tried placing each of the following strings below in the CSS insert section of my ATO, but neither changed the banner image on that category page. And, Yes - that is the correct category ID# and jpg file location. WP is install on the root of my server.
Code:
body.category-id-3 div#imagecontainer {
background-image: url('http://vcopia.com/wp-content/rainbowalerts/banner_1300w160h_rainbowalerts.jpg') !important;
}
When above didn't work I thought maybe I misunderstood your use of the word 'announce' as a "direction" to me to "announce" what the ID was, and tried it as a literal part of the string.
Code:
body.category-announce-id-3 div#imagecontainer {
background-image: url('http://vcopia.com/wp-content/rainbowalerts/banner_1300w160h_rainbowalerts.jpg') !important;
}
Thoughts?
|
#10
Feb 3, 2011, 11:03 PM
|
|
Hi There,
I need some help. I want to have the rotating header (%image) on my home page only, with static header images on all other pages. I tried using the formatting juggledad gave above but it doesn't seem to work?
body.page-id-2 div#imagecontainer {
background-image: url('http://yourdomain.com/wordpress/wp-content/hdr_images/page_2.jpg') !important;
}
Nothing happens. The rotating images are still on every page with no static images.
Is there something I'm missing?
Jedha
Last edited by Jedha; Feb 3, 2011 at 11:06 PM.
|
#11
Feb 4, 2011, 03:13 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
what is your url?
did you replace the 'yourdomain.com' with your domain name?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#12
Feb 5, 2011, 03:21 PM
|
|
Juggledad and other friends,
Using your good advice on previous threads, I managed to substitute in my own header image for the home page. I now want to post separate headers on other pages, and I've gotten stuck after the step of creating the images folder in the right place. One of my problems is I don't know how to "insert CSS." Another is I don't know how to adapt the instructions when the urls for my pages don't end with a page number. Here's an example of a page url:
http://autismteachingstrategies.com/...38&action=edit
I'm greener at this than others on this chain, so I'm glad for any help you can provide. I'm using a mac and fetch.
many thanks.
|
#13
Feb 6, 2011, 04:54 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
1) CSS inserts go in the ato->Add HTML/CSS Inserts->CSS Inserts option
2) that URL is the admin edit, it won't link, but if you look at it you can see the page I'd. In this case it is 38
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#14
Feb 6, 2011, 01:33 PM
|
|
As yet unsuccessful. I uploaded the image to the folder: public_html > wp-content > hdr_images ... and put this code at the top of all the code in the CSS inserts space:
HTML Code:
body.page-id-47 div#imagecontainer {background-image:url(http://autismteachingstrategies.com/wp-content/hdr_images/conversationtrainheader.jpg’)!important; }
The old header disappeared and I have white space. It's not finding the image?
Last edited by juggledad; Feb 7, 2011 at 04:45 AM.
|
|