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 »

[SOLVED] Have one Header Image appear on Home Page and different Header Image on Page


  #1  
Old Mar 26, 2010, 07:44 PM
treeplant
 
35 posts · Mar 2010
How do I have one Header Image (%image) appear on the Home Page, and different Header Image appear on all Pages and Posts?

How do I do this?
Can it be done by adding code to the 'Add HTML/CSS Inserts section?
  #2  
Old Mar 26, 2010, 09:14 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes it can be done, search fhru the forums it has been answered
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 27, 2010, 02:18 AM
treeplant
 
35 posts · Mar 2010
Thanks for the reply.
The following works but there is a problem.

The first image is used for all posts-pages except the 'Home Page'.
It goes in Athahualpa/Images/Header.

I created a folder with the 2nd image for the the 'Home Page'
like this:

body.page-id-2 div#imagecontainer {
background-image: url('http://yourdomain.com/wordpress/wp-content/hdr_images/page_2.jpg') !important;
}

and placed into 'Add html/CSS inserts.

The problem is that the two images are a different hight, one is 130 pix and the other is 300 pix. The setting for Header Image: Height, leaves one of the two the wrong size.

Is there a way to leave the height set in Header Image: Height for all the other posts-pages and set the height for the image to be used only on the 'Home' page?

Can this be specified in the this code somehow?
body.page-id-2 div#imagecontainer {
background-image: url('http://yourdomain.com/wordpress/wp-content/hdr_images/page_2.jpg') !important;
}
  #4  
Old Mar 27, 2010, 05:40 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you need this
HTML Code:
body.home .header-image-container {
	height: 130px; 
	}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 27, 2010, 04:59 PM
treeplant
 
35 posts · Mar 2010
Yes this works perfectly.

Thanks!

Bookmarks

Tags
%image, add html/css inserts, header images



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Keep rotating Header Image on Home Page and Different header image on each p clausont Header configuration & styling 53 May 18, 2012 12:56 AM
Different Header Image for Home and the Rest of Site cmarkward Header configuration & styling 4 Dec 3, 2009 04:59 AM
Replace header image with flash on home page only shumes1025 Header configuration & styling 4 Oct 15, 2009 06:04 PM
Single Header image on home page Lok52 Header configuration & styling 0 Apr 20, 2009 05:44 PM
Header image displays on all pages BUT the HOME page imabeliever Header configuration & styling 3 Apr 14, 2009 07:05 AM


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


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