WordPress.org

Forums

Wedding Bells
[resolved] Transparent Header image (11 posts)

  1. hafezma
    Member
    Posted 2 years ago #

    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.

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

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

  3. hafezma
    Member
    Posted 2 years ago #

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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;
    }
  5. hafezma
    Member
    Posted 2 years ago #

    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?

  6. hafezma
    Member
    Posted 2 years ago #

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

  7. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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

  8. hafezma
    Member
    Posted 2 years ago #

    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.

  9. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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;
    }
  10. hafezma
    Member
    Posted 2 years ago #

    Perfection! Thank you WordPress guru! Much appreciated :)

  11. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You're welcome :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic