Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Extended header image

Old Oct 20, 2010, 05:33 AM
66 posts · Aug 2009
Amsterdam, Netherlands
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.
Old Oct 21, 2010, 04:25 AM
66 posts · Aug 2009
Amsterdam, Netherlands
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?
Old Oct 21, 2010, 05:16 AM
juggledad's Avatar
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;	}
HTML Code:
background: #DbF2F3 url(/wp-content/themes/atahualpa353/images/header/backgr.jpg) repeat-x top left;	}
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Oct 22, 2010, 03:56 AM
66 posts · Aug 2009
Amsterdam, Netherlands
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.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[How To] Replacing the Atahualpa header image with a 'sliding door' image menu jack96161 Header 57 May 17, 2012 08:41 AM
[SOLVED] Header image shows 10 secs blank between image cycles elsanto Header configuration & styling 1 Nov 23, 2009 03:57 PM
[SOLVED] Better Extended Live Archive & Atahualpa gidibao Plugins & Atahualpa 4 Sep 8, 2009 04:08 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 05:14 AM
[SOLVED] Need static header image to display on the front page but no image on any o joaodagraca Header configuration & styling 2 Aug 10, 2009 02:45 AM

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

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