Menu link color

dutchintexas
(@dutchintexas)

8 years, 10 months ago

I’m looking to change the link color on the menu bars.
I would like them to change when “normal” and when hovering over.
website: new.dsigo.com

thank you

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

(@weblizar_support)

Hello,

Go to Dashboard -> Appearance -> Customize -> Theme Options -> Theme General Options -> paste below code in Custom CSS box and save –

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #8a6d3b !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #8a6d3b !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #8a6d3b !important;
}
.dropdown-menu > li > a {
    color: #8a6d3b !important;
}
.navbar-default .navbar-nav > li > a {
    color:#19a8f0 !important;
}

You can change the color as per your requirement.

Thanks

Thread Starter

dutchintexas

(@dutchintexas)

8 years, 10 months ago

Thank you

This reply was modified 8 years, 10 months ago by dutchintexas.

Thread Starter

dutchintexas

(@dutchintexas)

8 years, 10 months ago

What about the color of the boxes behind the links, can they be changed?

weblizar_support

(@weblizar_support)

8 years, 10 months ago

Hello,

Paste below code in Custom CSS box and save –

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #31a3dd !important;
}
.dropdown-menu {
    background-color: #31a3dd !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #31a3dd !important;
}

Thanks.

This reply was modified 8 years, 10 months ago by weblizar_support.

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

The topic ‘Menu link color’ is closed to new replies.