Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
raego

Change Nav Items Colour on Hover

Question

Posted (edited)

Site URL: https://raegocreative.com/

Hi! 

I am trying to make all the items within my header change to the same colour on hover. So far I have only been able to do it for the nav menu links, login and social icons. But can't get it to work for the logo, cart icon and contact button. 

Could someone share the css to target these items? Colour I want to change to on hover is: hsl(210, 63%, 85%)

Site: https://raegocreative.com/, and template is 7.1 Hester.

1727260205_ScreenShot2020-03-06at1_50_07pm.thumb.png.4d73221585da361a2942f4b917a48c2a.png

Edited by raego

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 1

 

.header-actions-action a:hover {
    color: hsl(210, 63%, 85%) !important;
}
.header-actions-action--cart .icon--cart:hover .icon--cart {
    stroke: hsl(210, 63%, 85%) !important;
}

You can't change logo color to hsl(210, 63%, 85%), the only solution is change to new logo on hover. 


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0
Posted (edited)
On 3/6/2020 at 9:09 PM, tuanphan said:

 


.header-actions-action a:hover {
    color: hsl(210, 63%, 85%) !important;
}
.header-actions-action--cart .icon--cart:hover .icon--cart {
    stroke: hsl(210, 63%, 85%) !important;
}

You can't change logo color to hsl(210, 63%, 85%), the only solution is change to new logo on hover. 

Thank you this worked perfectly! Do you know the css to target a different logo on hover using href?

Edited by raego

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...