WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. hafezma
    Member
    Posted 11 months 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
    Volunteer Moderator
    Posted 11 months ago #

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

  3. hafezma
    Member
    Posted 11 months ago #

  4. WPyogi
    Volunteer Moderator
    Posted 11 months 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 11 months 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 11 months ago #

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

  7. WPyogi
    Volunteer Moderator
    Posted 11 months 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 11 months 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
    Volunteer Moderator
    Posted 11 months 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 11 months ago #

    Perfection! Thank you WordPress guru! Much appreciated :)

  11. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    You're welcome :)

Reply

You must log in to post.

About this Theme

About this Topic