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] Background image as watermark (http://forum.bytesforall.com/showthread.php?t=16890)

yukoner Feb 29, 2012 09:32 PM

[SOLVED] Background image as watermark
How do I make a background image be like a watermark?

i.e. be static and have the columns scroll over it


Jam Feb 29, 2012 11:27 PM

Take your background image and add 90% white. Gives you a 10% watermark of background image. Set background position to fixed and it wont move.

yukoner Mar 1, 2012 08:03 AM

Thanks Jam. It is the setting of the background image to "fixed" that I don't know how to do.


lmilesw Mar 1, 2012 08:27 AM

Here is an explanation of the background property.

yukoner Mar 1, 2012 06:09 PM

Thanks Larry, those pages are very informative. Unfortunately, with my limited knowledge, I am still unable to get it to work in Atahualpa.

What I am trying to do is change the instruction for a background image in the options of Atahualpa where it says to use

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

I suspect that if I change the "repeat top left;" to something else I will succeed, but I haven't hit on the correct combination yet.


lmilesw Mar 1, 2012 06:25 PM

The repeat top left are for positioning. You could also use other combos. For instance if you wanted the image 50px in from the left and 100px down from the top and wanted it to not repeat all over the screen and stay fixed you would use.
HTML Code:

background: url(/testing/wp-content/themes/atahualpa/images/backgr.gif) no-repeat 50px 100px fixed;
If you go to the Tryit sections of the W3 Schools site you try the code out and see what it does.

yukoner Mar 1, 2012 08:24 PM

Thanks Larry. As it turns out I was complicating it further than necessary. With your, and Jam's, help I have now figured it out. Thanks.

I simply used "no-repeat fixed" to achieve the goal I wanted.


All times are GMT -6. The time now is 03:53 PM.

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