Header Image masked by white background

  • Resolved jgadd

    (@jgadd)


    12 years, 9 months ago

    My site is https://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

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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; }

    Thread Starter jgadd

    (@jgadd)

    Hey! That worked! Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image masked by white background’ is closed to new replies.