Make header transparent CSS?

  • Resolved vpsgeneral

    (@vpsgeneral)


    9 years, 5 months ago

    Hey guys!

    I was trying to make the header for the Sela theme transparent so it shows just the logo and the background. I uploaded the logo with a transparent background but the theme automatically puts a white background on it.

    I just want the logo to show and the wood background.
    Is this possible to fix with CSS?

    I was able to achieve using the inspect element by changing this code..but on the website it makes the logo and background invisible.

    .site-branding {
    background: rgba(0, 0, 0, 0);
    }

    Thanks so much!

    The blog I need help with is coffeecraftsandchaos.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • Predrag – WPMU DEV Support

    (@wpmudev-support1)

    9 years, 5 months ago

    Hi @vpsgeneral,

    Have you tried using something like this:

    .site-branding {
    background: url(LOGO_URL);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    Cheers,
    Predrag

    Thread Starter vpsgeneral

    (@vpsgeneral)

    9 years, 5 months ago

    Thank you for the response. I have not made the changes live for my client yet but I was able to achieve the desired results with this.

    She wanted to be able to keep a logo (with a clear background) at the header but remove the white background.

    The code that was:

    .site-branding {
    background-color: inherit;
    }

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

The topic ‘Make header transparent CSS?’ is closed to new replies.