Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 26, 2010, 06: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, 08:14 PM
juggledad's Avatar
juggledad
 
21,713 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
yes it can be done, search fhru the forums it has been answered
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 27, 2010, 01: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, 04:40 AM
juggledad's Avatar
juggledad
 
21,713 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you need this
HTML Code:
body.home .header-image-container {
	height: 130px; 
	}
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Mar 27, 2010, 03:59 PM
treeplant
 
35 posts · Mar 2010
Yes this works perfectly.

Thanks!

Bookmarks

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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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 17, 2012 11:56 PM
Different Header Image for Home and the Rest of Site cmarkward Header configuration & styling 4 Dec 3, 2009 03:59 AM
Replace header image with flash on home page only shumes1025 Header configuration & styling 4 Oct 15, 2009 05:04 PM
Single Header image on home page Lok52 Header configuration & styling 0 Apr 20, 2009 04:44 PM
Header image displays on all pages BUT the HOME page imabeliever Header configuration & styling 3 Apr 14, 2009 06:05 AM


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


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