Change overlay color

  • Unknown's avatar
    glfwrites · Member ·

    Hello, I see the option to change the background color but I want the overlay and the icons to have the same color as my logo. How do I change the color of the overlay and widgets?

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

  • Unknown's avatar
    32lamar · Member ·

    Hi! You may need to do those changes via css customization.

    Go to “Appearance” – “Customize” – “Additional CSS” and put the following code in:

    .main-navigation.toggled li a:active, .main-navigation.toggled li a:focus, .main-navigation.toggled li a:hover, .main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.current-menu-item > a, .woocommerce-MyAccount-navigation li.is-active a, .main-navigation li.current-menu-item ~ li.current-menu-item > a:hover, .hero-area {

    background-color: #A2B097;

}

    This should change the colour of your menu hover. You can also look this up at
    https://wordpress.com/support/custom-design/custom-css/

  • The topic ‘Change overlay color’ is closed to new replies.