Change button colors

https://www.seasonsfloral.com.sg
https://www.seasonsfloral.com.sg/shop/

All the button colors are green with white words. Tried changing via Appearance → Customize - > Dazzling options → Layout option → Element colors but did not work…

Any idea how to change them into blue?
thanks.

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the button colors by going to Appearance > Customize > Additional CSS and pasting it there.

/*Menu button color*/ .navbar-default .navbar-nav > .active > a { color: white; background-color: blue; }

/Shop button colors/
.btn.btn-default {
color: #FFF;
background-color: blue;
border-color: blue;
}

.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover {
background-color: blue;
border-color: blue;
color: white;
}

Best Regards,
Support

Hey, thanks i managed to change the shop button colors but the bars in the front page doesnt work.
Appreciate more help!

Hey there,

I hope you are well today and thank you for your question.

What exactly is wrong with the button, When I click on it carries me to the shop.
Is it that you’re unable to rename the button?

Best regards,
Support.

I wanted to change color of those areas to blue as well!

Thanks !

Managed to change most of the buttons and colors… missing one!
When the submenu is active (in that page) it still shows green… how can i change it to baby blue as in like the rest of the buttons?

Hello there,

Please try using the following CSS code to change those colors:

.navbar-default .navbar-nav .open .dropdown-menu > li > a:active { background-color: #88dde0 !important; }

.navbar-default .navbar-nav > .open > a {
background-color: #88dde0;
}

Best Regards,
Support