jgadd
Member
Posted 11 months ago #
My site is http://www.swatiworks.com. I used a header image on this site. In the theme you have a choice of adding a header image or just putting the site name on a partly translucent white background.
Now that the header is in place I cannot get rid of that white background which is showing up on top of my header image. How do I get rid of it?
The theme is Brightpage 1.5 by Effi
various choices to add to style.css, after this line (or edit the line accordingly):
#site-title a { background: #fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; padding: 3px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
- either to have the full header image link to the site:
#site-title a { display:block; width:900px; height: 100px; background:none; }
- or to shift the translucent rectangle off-screen (one of the common cures of site titles interfering with header images):
#site-title { text-indent: -9999px; }
jgadd
Member
Posted 11 months ago #
Hey! That worked! Thank you so much!