Hi there,
Thank you for getting in touch with us.
Please go to Appearance → Customize → Additional CSS and add the following css:
/* Standard links */
a {
color: #b64f68;
}
/* Visited links */
a:visited {
color: #ca7489;
}
/* Hover links */
a:hover {
font-weight: bold;
}
and change it as you wish.
Hope that helps.
Kind regards
Hi there, thank you for posting this. It was very helpful for me to change the hover color for the hyperlinks on my website. However, I still haven’t been able to change the anything in the Main Menu. I just want to be able to change the text color for everything that you hover over (link, menu item etc.). Is there an additional code for this?
Best,
Hi @ashleighrose,
You can try this style:
a:hover,
.navbar-default .navbar-nav > .current_page_item > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-nav > li:hover > a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.widget ul >li >a:focus,
.widget ul >li >a:hover,
.widget ul >li > span >a:focus,
.widget ul >li > span >a:hover {
color: #ca7489;
}
Kind regards
Hi @jarektheme thank you for your response. That is a very pretty color. It changed all the hyperlinks but the menu text is still hovering as red though :-/
@ashleighrose
Could you share the URL to your site so I’ll take a look into it? I tested this on my local installation and it worked fine.
Kind regards
@ashleighrose It seems that your site is using ST Blog theme, not Kale so please contact ST Blog support.
Best
Oh yikes! OK, thanks again.
Is there a way i could change each product link in my widget to a different color?
Hi @1mecg1,
Welcome and thanks for your question! My name is Diego and I’d love to help you.
Could you share your URL so I can see this first hand? And just to confirm, are you using the Kale theme?
Kind regards,
Diego
