Forums / Templates, Stylesheets, Page Layout / changing header_bg.jpg and getting repeat

changing header_bg.jpg and getting repeat

Views: 410

Results 1 to 5 of 5
16 Aug 2011, 8:56 PM
#1
scottdb avatar

scottdb

New Zenner

Join Date:
Jul 2011
Posts:
95
Plugin Contributions:
0

changing header_bg.jpg and getting repeat

Hi, I am trying to edit the header and I am getting frustrated. I changed the header image - header_bg.jpg to a new one that is a transparent background text image. I named it header_bg.jpg and overwrote the file. Now I'm getting the image on a white background and the image is repeating. I have tired everything I can think of with changing the css for it.

Best Regards,
Scott
**My test site**

16 Aug 2011, 9:31 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: changing header_bg.jpg and getting repeat

A link to the site would help.

16 Aug 2011, 9:46 PM
#3
scottdb avatar

scottdb

New Zenner

Join Date:
Jul 2011
Posts:
95
Plugin Contributions:
0

Re: changing header_bg.jpg and getting repeat

Ok, I thought about that after I posted. Just to let you know this is a test account on a newbie mistake in signing up for domain name. Accidentally signed up for 5 years on the domain name. Just use it for testing now.

The images will have to be changed. Just there for placement now.

You can see it here

Best Regards,
Scott
**My test site**

17 Aug 2011, 10:08 AM
#4
dgent avatar

dgent

Totally Zenned

Join Date:
Nov 2009
Location:
UK
Posts:
1,117
Plugin Contributions:
0

Re: changing header_bg.jpg and getting repeat

Go to your stylesheet, find #logoWrapper

and add the line..

background-repeat: no-repeat;

And the reason why its on a white background is because you can't use a transparent Jpg, it needs to be a gif or a PNG.

17 Aug 2011, 11:13 AM
#5
scottdb avatar

scottdb

New Zenner

Join Date:
Jul 2011
Posts:
95
Plugin Contributions:
0

Re: changing header_bg.jpg and getting repeat

Thanks for the info. I was trying to use background: no repeat;

That solved the case of the repeat. Now how do I get rid of the white space?

Best Regards,
Scott
**My test site**