Twenty Fifteen Sidebar Transparency Not Working

  • My website address:
    https://sandbox.cayugaartisans.com/anna_kelles/

    I am designing in a sandbox using a Twenty Fifteen child theme. I want my sidebar to be semi-transparent so that my full-screen image is displayed behind it. My background color setting is:

    #sidebar {
    background-color: rgba (99, 80, 67, 0.5);
    left: 0;
    }

    The opacity of the sidebar will not change.

    Thanks in advance for any help you can provide.

    Ronny

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

  • there is a background color set via the ‘customize – colors – Header and Sidebar Background Color’ which ends up in the embedded styles as a body::before {} style;

    overwrite that also with your semi-transparent background:

    body::before {
    background-color: rgba(99, 80, 67, 0.5)!important;
}
    Thread Starter rjhardaway

    (@rjhardaway)

    Thanks, Michael, that solved the problem!

    Ronny

    The answer sounded simple enough. However, where do I find this:
    body::before {}
    code?

    The closest I can find is in the style.css:
    body:before {

    And it is there multiple times under @media screen, for each screen size.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Fifteen Sidebar Transparency Not Working’ is closed to new replies.