Dyad Header Color

  • Unknown's avatar
    thresholdodpcec · Member ·

    Greetings,

    Is there a way to render the Dyad-theme header color transparent? I see there is no hex code for “transparent” so I was wondering if I could code it into the CSS customizer.

    Please help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, the color of the header area is set using RGB color code with an alpha transparency. We can do this, but then when people scroll up, your menu items and title/logo are going to get lost in the white sections of the content area. Add the following to your custom CSS and then scroll up to see what I mean. 

    .home .site-header, .blog .site-header {
    background-color: rgba(36, 38, 41, 0);
}

    The first three numbers between the parentheses are the RGB color code and the last, (0) is the transparency/opacity. The closer to 0, the more transparent and the closer to 1, the more opaque.

  • The topic ‘Dyad Header Color’ is closed to new replies.