Dyad 2 Theme – Change Header Background Color

  • Resolved asicking

    (@asicking)


    6 years, 3 months ago

    Hi! I recently switched from a WordPress.com website using Dyad 2 theme to a self-hosted www.ads-software.com site using the same theme. I’m trying to recreate the color scheme of the original site. Is there a custom CSS code I can use to change the color of the transparent header / menu? It’s currently gray and I would like to change it to white.

    The page I need help with: [log in to see the link]

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

  • Hi there,

    You can use this:

    /* Change transparent header color */
header#masthead.site-header {
  background-color: white;
  opacity: 0.4;
}

    The opacity value can be anything between 0 and 1, so play around with that until it has the level of transparency you want. 0.4 is what it currently is with the black color on your site.

    This makes your menu illegible, so just in case you need it, you can use this to change the color of the menu text:

    /* Change color of menu text */
#site-navigation a {
  color: black;
}
    Thread Starter asicking

    (@asicking)

    That worked perfectly thank you!

    Glad I could help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Dyad 2 Theme – Change Header Background Color’ is closed to new replies.