Changing the color of “hover links”

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

– 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

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