Jump to content

Header Button Hover effect Squarespace 7.1

Recommended Posts

Hey, I'm trying to figure out how to isolate the header button on my website (using 7.1) so I can create a hover effect. I've tried using the chrome inspection tool but I can't find an element similar to .sqs-block-button-element that would isolate the header button.

Any help in figuring this out would be greatly appreciated

Website: https://hexaflexagon-star-bh8p.squarespace.comPass: square123

Edited by StephenWise1999
Initial Revision
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

So far I've figured this workaround but using this now means I can't figure out how to add my transition:

.white-bold:hover .sqs-block-button-element:hover, .white-bold:hover .image-button:hover a, .white-bold:hover .header-actions:hover .btn:hover, .white-bold:hover .header-menu-cta:hover a { background-color: #febf00}

Edited by StephenWise1999
Initial Revision
Link to comment
  • 6 months later...

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.