Support » Theme: Wedding Bells » Transparent Header image

  • 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)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    Depends on the theme and site – can you post a link to yours?

    WPyogi

    (@wpyogi)

    Forum Moderator

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

    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?

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

    WPyogi

    (@wpyogi)

    Forum Moderator

    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

    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.

    WPyogi

    (@wpyogi)

    Forum Moderator

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

    Perfection! Thank you WordPress guru! Much appreciated 🙂

    WPyogi

    (@wpyogi)

    Forum Moderator

    You’re welcome 🙂

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