Jump to content

How can i make a hover effect in the header

Recommended Posts

  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

That worked!! thank you!!!! but now how to I change it from that colour to another? do I need to know the codes of each colour ?? I was wanting an orange/ yellow colour.

I also notice now that it doesnt work when I exit the css section. That is when I go to preview mode or to edit it no longer changes color.

I did also change the colour by tying random numbers and found the orange ! using #f91f 

it seems that when I put that number in it works only when in the css page 

Help please !!

I was looking to use orange or light grey hover color if you have number for that please 

Edited by Raq
Link to comment
On 8/1/2023 at 7:24 PM, tuanphan said:


If 7.1, add to Design > Custom CSS

div.header-nav-item>a:hover {
	color: #f1f !important;


Thank you! but I need to change the color to a orange or light grey and it seems when I change it, it doesnt work  outside of the edit page! help

Link to comment

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.