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

change hover color on drop down menu



Site URL: https://tangerine-pear-2fep.squarespace.com/config/

I have already changed the drop down menu, but I'd like to add another change to get the words in the dropdown menu to turn white when you hover on them. They do it when I am in the design panel, but once I refresh, the change goes away. 

This is the code I have for the changes:

.header-nav-folder-item:hover {background: hsl(29, 6%, 85%); 
  a{color: #FFFF !important;}
/*change header-nav color*/
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content a{color:#9FCAD2;}

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0
  • 0

It looks like you're almost there!



.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a {

  color: #fff F !important;



You have a syntax error. Remove the "F ".

Let us know how it goes.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...