• Resolved hafezma

    (@hafezma)


    This has been asked before with no answer. Does anyone know where in the css stylesheet that one can make the header image allow for transparency?

    I have a .png header image that I want to retain the transparency in it, but the wordpress weddingbells theme is filling in the transparency with white.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Depends on the theme and site – can you post a link to yours?

    Thread Starter hafezma

    (@hafezma)

    First make sure you aren’t modifying any theme files as those changes will be lost when the theme is updated. You can add CSS using a custom CSS plugin – once you have that set up, try adding this CSS there:

    #shadow {
        background: transparent;
        box-shadow: none;
    }

    Thread Starter hafezma

    (@hafezma)

    Ok, I’m not sure what you mean by adding a custom css plugin? I was trying to find the right place in the editor to modify this. I assume it was in stylesheet.css. Is that where the #shadow code that i need to edit is?

    Thread Starter hafezma

    (@hafezma)

    correction: style.css. Is that the file I need to edit and find the #shadow portion?

    No, you should not modify any theme files – because those will be overwritten and lost when the theme is updated. The way to avoid that is to use a plugin to add custom CSS functionality (if your theme does not have it as an option). This is a good one:

    http://wordpress.org/plugins/custom-css-manager-plugin/

    If you are modifying other files, you need to use a child theme

    http://codex.wordpress.org/Child_Themes

    Thread Starter hafezma

    (@hafezma)

    Ah got it. Ok that worked! Only problem now is that the background for the text is now gone as well. So now the the blog words are set against the background and impossible to read. I only want to apply this effect to the header image only.

    Oops, sorry about that- didn’t see that part of the page on my laptop – try adding this:

    #content {
        background: none repeat scroll 0 0 white;
    }

    Thread Starter hafezma

    (@hafezma)

    Perfection! Thank you WordPress guru! Much appreciated 🙂

    You’re welcome 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Transparent Header image’ is closed to new replies.