Change #97BC31 to #424240 in top menu

  • Resolved cd_BE

    (@cd_be)


    5 years, 11 months ago

    So basically I feel stupid for asking this…

    This child theme is just something a friend of mine with a spa, needed. Only thing is she doesn’t want the green (#97BC31) in the menu. It has to be #424240 or some other color, she’s not sure yet. But the green is out. I can’t figure out how to change this color. Tried custom CSS for the class="navbar navbar-default" nothing. Tried custom CSS for the collapse navbar-collapse class again nothing.

    A little tip would be nice to solve this.

    Thanks in advance!

    • This topic was modified 5 years, 11 months ago by cd_BE.
Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi cd_BE

    Thanks for using the Dream Spa theme.

    To change the colors of the menu, Please add the following CSS code in custom CSS field (Theme dashboard -> Appearance -> Customize -> General settings -> Custom CSS Field.)

    .navbar .navbar-nav > li > a:hover, 
.navbar .navbar-nav > li > a:focus, 
.navbar .navbar-nav > li > a:before,
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .current_page_item > a, 
.navbar-default .navbar-nav > .current_page_item > a:hover, 
.navbar-default .navbar-nav > .current_page_item > a:focus {
	background-color: #424240 !important;
}

    Hope this will helps..!

    Let me know if it works.

    Thanks

    Thread Starter cd_BE

    (@cd_be)

    Shahid that helps! Even better it works!

    Think I got confused because the last part in de CSS files refers to .woocommerce and I don’t have that plug-in installed on the site.

    Now I only need to change the scrollup but I think that’s the same confusing with .woocommerce

    Hi cd_BE

    Don’t worry about that because the woocomerce css will stay there only. Actually, we have added woocommerce CSS in our all themes. If you use the woocommerce plugin in the future, then this CSS will apply to your woocommerce plugin. And with this help, your shop page will look beautiful.

    Now if you want to change the color of scroll up button then Please add the following CSS code in custom CSS field (Theme dashboard -> Appearance -> Customize -> General settings -> Custom CSS Field.)

    .scrollup { 
    background-color: #424240 !important;
}

    You can also change the color code as per the requirement.

    Let me know if it works.

    Thanks

    Thread Starter cd_BE

    (@cd_be)

    Hi Shahid

    The scrollup color change I did, but thanks. No Woocomerce confusion there.
    I just left the !important out. But it works.

    Thanks for the help, much appreciated!

    Happy New Year!

    Hi cd_BE

    I’m really glad to hear I was able to help. I hope you enjoy the Dream Spa theme.
    Please let me know if you have any other issues. We’re happy to help.

    If you are happy with our theme or help you can always provide us a review here https://www.ads-software.com/support/theme/spasalon/reviews/#new-post

    Thank You.

    Hi, how can I replace the color in the whole theme? not only the menu.
    Thanks ??

    Hi, nikolas27

    This theme color change feature has given in our premium version.

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change #97BC31 to #424240 in top menu’ is closed to new replies.