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] Extended header image (http://forum.bytesforall.com/showthread.php?t=10508)

Sakshin Oct 20, 2010 04:33 AM

[SOLVED] Extended header image
 
I want to extend the header image beyond the set with of the page. So the same header image as set in the header itself needs to be outside the set boundaries. in other words, as a full background image, from browser edge to edge,left to right. It's a shaded image so you won't see where the real header and the new to set background image overlap.

In style and configure layout i added these lines

padding: 0;
background: #DbF2F3;
background-position: center;
background-repeat: repeat-x;
background-image: url(wp-content/themes//atahualpa353/images/header/backgr.jpg);

What happens now is that the image appears in the background of the first post...

I asked for help on this topic a long time ago, but nothing worked. It keeps bothering me and that's why I post this question again.

My site; sa ks hin . nl (take out the spaces)

Thanx for any suggestion.

Sakshin Oct 21, 2010 03:25 AM

I followed your advice;
font-family: Helvetica, arial, sans-serif;
font-size: 0.8em;
line-height: 1.6em;
color: #666;
background: #DbF2F3;
background-image: url(/wp-content/themes/atahualpa353/images/header/backgr.jpg)repeat-x top left;

Nothing changed.
I do must say that the site is set to 100% liquid with a minimum and a maximum.
Might that be the problem of not showing the extended bg image?

juggledad Oct 21, 2010 04:16 AM

change your entry at ATO->Body, Text & Links->Body Style from
HTML Code:

background: #DbF2F3;
background-image: url(/wp-content/themes/atahualpa353/images/header/backgr.jpg) repeat-x top left;        }

to
HTML Code:

background: #DbF2F3 url(/wp-content/themes/atahualpa353/images/header/backgr.jpg) repeat-x top left;        }

Sakshin Oct 22, 2010 02:56 AM

Thank you so much. This is the trick i was looking for for so long. It came out exactly the way I had in mind. :)


All times are GMT -6. The time now is 09:48 PM.

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