Matthew
asked 8 years ago

Hi guys,

Changing the color of “hover links” across the entire site from orange to a different color.

I am trying to change the color of all the hover links across my entire website. Could you guys write up the code for me?

 

Thanks a ton!

3 Answers
Matthew
answered 8 years ago

Also, is there a way to eliminate the four individual sections in the header and make three larger ones? I want the nameplate/logo of my website to be larger

DominicStaff
answered 8 years ago

– To change the color of the hover links across your entire site: log in to Dashboard > theme > Customize > General Settings. And add the following code:

 

<style>

a:hover {

color: #FFA500;

}

</style>

– To eliminate the sections in the header, you can log in to Dashboard > Appearance > widget > Header and edit from here.

– About logo size, please let me know which size you want to have, as it will be different from size to size.

Hope this helps!

Regards,
dominic

Matthew
replied 8 years ago

That did change the color of the hovering for most of the website but not for the header of the website, those still hover orange.

Dominic Staff
replied 8 years ago

You can send for me a screenshot for further checking.

Matthew
replied 8 years ago

drop down menu

DominicStaff
answered 8 years ago

Hello Matthew !

If you change the color of the categories, you can add code following in the Dashboard > Theme > Customize > General Settings. Change colors you choose.


<style type="text/css">
/* business */
.navbar .nav > .color-green a:hover, .navbar .nav > .color-green a:active, .navbar .nav > .color-green a:focus {
color : #...;
}

.navbar .nav > .color-green .sub-menu .active > a {
color: #... !important;
}

/* entertainment*/
.navbar .nav > .color-violet a:hover, .navbar .nav > .color-violet a:active, .navbar .nav > .color-violet a:focus {
color: #...;
}

.navbar .nav > .color-violet .sub-menu .active > a {
color: #... !important;
}

/* Hi-tech*/
.navbar .nav > .color-blue a:hover, .navbar .nav > .color-blue a:active, .navbar .nav > .color-blue a:focus {
color: #...;
}

.navbar .nav > .color-blue .sub-menu .active > a {
color: #... !important;
}

/* Game*/
.navbar .nav > .color-yellow a:hover, .navbar .nav > .color-yellow a:active, .navbar .nav > .color-yellow a:focus {
color: #...;
}

.navbar .nav > .color-yellow .sub-menu .active > a {
color: #... !important;
}


/* Politic*/

.navbar .nav > .color-cyan a:hover, .navbar .nav > .color-cyan a:active, .navbar .nav > .color-cyan a:focus {
color: #...;
}

.navbar .nav > .color-cyan .sub-menu .active > a {
color: #... !important;
}


/* Sport*/

.navbar .nav > .color-orange a:hover, .navbar .nav > .color-orange a:active, .navbar .nav > .color-orange a:focus {
color: #...;
}

.navbar .nav > .color-orange .sub-menu .active > a {
color: #... !important;
}

/* Features*/
.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li a:focus {
color: #...;
}

</style>

Hope this help !
Regards,
Dominic

Powered by DW Question & Answer Pro