Jump to content

Color code doesn't work properly

Go to solution Solved by Web_Solutions,

Recommended Posts

Posted (edited)

Hi There,

I am using this code to change the color of the active navigation link. The strange part is that the color code does work in squarespase interface but not in the browser. If i change the color to f. e. "red" then it's fine. 

Same with the mobile navigation links.

.header-nav-item--active a {
background-image: none!important;
color: #92d390e8 !important;
}

 

Edited by Tiko
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
Posted
12 minutes ago, Tiko said:

Hi There,

I am using this code to change the color of the active navigation link. The strange part is that the color code does work in squarespase interface but not in the browser. If i change the color to f. e. "red" then it's fine. 

website code 151515

Same with the mobile navigation links.

.header-nav-item--active a {
background-image: none!important;
color: #92d390e8 !important;
}

Replace the code with the code below.

.header-nav-item--active a {
  background-image: none!important;
  color: rgba(146, 211, 144, 0.91) !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted
49 minutes ago, Web_Solutions said:

Replace the code with the code below.

.header-nav-item--active a {
  background-image: none!important;
  color: rgba(146, 211, 144, 0.91) !important;
}

 

Thanks, this works!

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.