change colour

  • Hi, I use the theme Harmonic for my website (https://bookingboavista.com) but as it looks very dark, I would like to change the bar at the top where there is the menu to white with the fonts in black or dark gray. Someone can help me? thanks, Ayana

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Yes, Harmonic is a dark theme!

    To change the colour scheme in the top header strip (called the masthead) means adding a few different pieces of CSS in your child theme, since there are various elements in the masthead including the site title, social icons, as well as the menu.

    This piece will change the background colour of the strip itself to white

    #masthead {
  background-color: #ffffff;
}

    To get the site title showing up again, add this:

    #masthead h1 a {
  color: #666666;
}

    To bring back the social icons, add this:

    .social-links ul li a::before {
  color: #000000;
}

    The menu should already be visible in grey at this point, but you’ll want to change the rollover colour from white to something else. I pulled a turquoise colour from your image:

    .main-navigation li a:hover {
  color: #37758f;
}

    This should get you started. Of course you can change the colour codes to whatever you like.

Viewing 1 replies (of 1 total)
  • The topic ‘change colour’ is closed to new replies.