WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Image in Background

(1/2) > >>

Butch:
Hey Guys -
I have been useing WB for several years now, but I'm hitting a black wall, and can't seem to make it do what I need done this time.  I have done this before, so I'm asking for help to make it work -

I have taken a template from the add-ons page and customized it to what I want - here is the website:
http://tylucasfoundation.com/

What I need to do is put this image: http://tylucasfoundation.com/media/tlflogo.gif
in the background of the text field - I don't want it repeated, just once, in the middle of the text field.

How do I do that, and what code would I use?

Thanks
Butch

maverik:
maybe something like this in your css file


--- Code: ---input, textarea {
background:url("/media/tlflogo.gif") no-repeat scroll 0 0 transparent;

}
--- End code ---

Butch:
Well I tried that and while it does put the image on the page, it does so in the top left hand side, behind the header, and it also messes up the rest of the page.... the text area changes to black, etc.

I really doubt there will be any more pages added, so I could just add it to each page if there is a way to do that??

Argos:
Put this in your stylesheet:


--- Code: ---.container {background: url("/media/tlflogo.gif") no-repeat 50% 50%;}
--- End code ---

If it's not in the middle and center, try using other values than 50%, or use absolute values in pixels.

Butch:
howdy -
Nope that didn't work either - I put it in there, and even changed it several times but no go.

Butch

Navigation

[0] Message Index

[#] Next page