Jump to content

Styling button in header

Recommended Posts

Site URL: https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold-8


I have added a hover color to all my text links on my page.

Since I did not want this effect on my buttons (which also is some kind of text link), I've added this code, to make sure the text color on my buttons still are white on hover:

/* Button style */
.sqs-block-button-element:hover {
background-color:; color: white!important}

Works great, except for the button in the header of the page. 

(This button still gets the hover effect I've added to my regular text links).

Anyone have a solution for this?



pw: hoyden2021


Screenshot 2021-02-05 at 08.03.11.png

Screenshot 2021-02-05 at 08.06.01.png

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply
  • 2 weeks later...


This topic is now archived and is closed to further replies.

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