Wordpress Themes - WP Forum at BFA - [SOLVED] One background image behind the whole page

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - [SOLVED] One background image behind the whole page (http://forum.bytesforall.com/showthread.php?t=4961)

Tamas

Dec 21, 2009 12:27 PM

[SOLVED] One background image behind the whole page

Greetings,

I love Atahualpa. Thanks for it.

How can a background image be placed behind the whole window (header, sides, center area, widgets, footer)?

Best would be, if the image could just stay there, covering the whole screen, and not moving, even when the visitor scrolls down to read...

With all I did the image is cut and repeated and in small bits behind the different elements...

Thanks a lot, Greeing,

Tamas

lmilesw

Dec 21, 2009 01:31 PM

Under Body, Text, and Links add your background to the box something like this.

HTML Code:

background: url(/wp-content/themes/atahualpa/images/image_name.gif) repeat top left fixed;

Tamas

Dec 22, 2009 09:00 AM

Thanks Larry!

I had about the same... just added the "fixed" word now... and still, the background image is moving and it is ONLY in the main area (not covering the top, widget and footer area).

This is what I have now in the box:

Code:

font-family: tahoma, arial, sans-serif;

font-size: 1em;

color: #000000;

background: url(http://kheironkozpont-hu.hostom.net//wp-content/themes/atahualpa344/images/kheiron-bckgrnd.jpg) repeat top left fixed;

background: #ffffff;

The WP is here: http://kheironkozpont-hu.hostom.net/

I would like to have the whole browser window of WP on the "carpet" of the image... and, when scrolling, the image should stay there fixed...

How can this be done?

Again, thanks!

Tamas

lmilesw

Dec 22, 2009 09:40 AM

Take out the second background line.

Tamas

Dec 23, 2009 03:37 AM

Hello Larry,

I have tried this already, and now again... as you suggested.

Well... now the top of the image is in the header, and the image again is placed in the center area, and the left side is white and white the footer area, as well...

The image is still repeated in the center area, and it is still scrolling...

See:
http://kheironkozpont-hu.hostom.net/...egyeni-ulesek/

What can be done?

Thanks,

Tamas

lmilesw

Dec 23, 2009 04:18 AM

I you want all the text to "float" on top of a fixed background you have to remove background declarations from the other areas and make sure your header maybe just has text with no background. In other words the body will have a background and everything else will be transparent. It's kind of hard describing this. Much easier doing. Sorry for the confusion.

Tamas

Dec 23, 2009 05:37 AM

I think, I understan, Larry!
I have removed all background definitions all over the parameters... and YES, it works now!!!!
Great!

However... I stll have question...

As you may see here:
http://kheironkozpont-hu.hostom.net/hogyan-mukodunk/

The layout is designed, that the left sidebar would be over the dark area and the main body over the light color.
I use fix width 837. The image size is 837, as well...

However, The whole thing is centered... so, all is lost...

Now, next question: how can the content be put on the LEFT side, in harmony with the image?

While I was writing this message I had the idea to change the "left" to "center"... and it seems to be GOOOOOOOOOOOOOOOOD now!

Thanks a lot for your help!

Tamas

All times are GMT -6. The time now is 01:30 AM.