Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   [SOLVED] Same Banner on the "blog-page" and any post with atahualpa. (http://forum.bytesforall.com/showthread.php?t=15423)

liolio Sep 19, 2011 07:22 AM

[SOLVED] Same Banner on the "blog-page" and any post with atahualpa.
 
hi everyone,

this is my first website, i'm using atahualpa 367. I have a single banner for each page, using the following code, for instance:

body.page-id-36 div#imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_ourvision.jpg) !important;
}

and it works fine of course, but not for the "blog" page, the banner simply doesn t appear. so, i'd like to have the same banner on top of this page and for any post. thanks in advance for your help.
here s the link to "my" site: www.svaka.org

lmilesw Sep 19, 2011 07:47 AM

Try the following for the CSS for the blog page.
HTML Code:

body.blog #imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_ourvision.jpg) !important;
}


liolio Sep 20, 2011 12:21 AM

thanks a lot, works perfect. though, i still have to use this code :

body.postid-1 div#imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_blog.jpg) !important;}

if i want the banner to appear for each post, otherwise there is simply no banner... is there a way to set a code once for all, for each post...
(hope u understand my english ! it s not my mother tongue)

thanks again in advance. best

lmilesw Sep 20, 2011 01:03 PM

I am not quite clear on what you want. Can you send me links to example pages?

liolio Sep 21, 2011 11:36 AM

well, how to say ? so i use the code u gave me for the "blog-page":

body.blog #imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_blog.jpg) !important;}

and it works fine.

but each post create a "new page" i mean a new url and if i want the banner to appear i have for each post to add this code for ex :

body.postid-1 div#imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_blog.jpg) !important;}

because i want to use always the same banner, i wonder if there is just one css for either the page and the posts.

best, ;)

juggledad Sep 21, 2011 11:52 AM

Try this
HTML Code:

div#imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_ourvision.jpg) !important;}
body.blog #imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_blog.jpg) !important;}

This will set the image to 'header_ourvision.jpg' unless you are on the 'blog' page then it will set it to 'header_blog.jpg'

if you want the single post pages to show the 'header_blog.jpg' image, change the second line to
HTML Code:

body.blog #imagecontainer,
body.single #imagecontainer {
background-image: url(wp-content/themes/atahualpa367/images/header/header_blog.jpg) !important;}


liolio Sep 22, 2011 01:27 AM

Great, that's I was looking for, thank you so much. all the best !


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

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