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] Have one Header Image appear on Home Page and different Header Image on Page (http://forum.bytesforall.com/showthread.php?t=6472)

treeplant Mar 26, 2010 06:44 PM

[SOLVED] Have one Header Image appear on Home Page and different Header Image on Page
 
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?

juggledad Mar 26, 2010 08:14 PM

yes it can be done, search fhru the forums it has been answered

treeplant Mar 27, 2010 01:18 AM

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

juggledad Mar 27, 2010 04:40 AM

you need this
HTML Code:

body.home .header-image-container {
        height: 130px;
        }


treeplant Mar 27, 2010 03:59 PM

Yes this works perfectly.

Thanks!


All times are GMT -6. The time now is 04:53 AM.

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