Jump to content

Remove outline on button on hover

Recommended Posts

1 hour ago, lulu.lindberg said:

Site URL: https://fennel-hawk-fwg3.squarespace.com/

https://fennel-hawk-fwg3.squarespace.com/ password: tails2021

I'd like to remove the white outline on hover state on the "JOIN OUR PACK" button in the nav.

I've tried a number of things in custom css with no luck. Any help would be appreciated!

Thank you in advance.

You can try adding to Home > Design > Custom Css

.header-actions-action [href*="join-our-pack"]:hover:before {
  border:none !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing result

image.thumb.png.32c74d6bb05ef508fc3b4ae6d59cbb03.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
15 minutes ago, lulu.lindberg said:

@bangank36 It works! I do still see the stroke as I pull my cursor away from the button, but I can live what that unless you know of how to adjust that as well. 🙂

.header-actions-action [href*="join-our-pack"]:hover {
  background: #663817 !important;
}

You can add this one to fix it

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.