Jump to content

Form button not showing anymore unless you hover over it

Go to solution Solved by tuanphan,

Recommended Posts

Hello 👋,
I just noticed that suddenly all the newsletter form buttons of my site are not showing up anymore unless you hover over them (see attached screenshots).
I did not introduce any changes to the custom CSS nor modified any of the website form setting, therefore I am wondering what might have caused that issue.

Below is the custom CSS used for the newsletter button.

.primary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--primary:not(:hover) {
  background: @black !important;
  color: @white !important;

URLs with the form button issue:

Thank you very much in advance!


Captura de pantalla 2024-02-10 a les 18.14.05.png

Captura de pantalla 2024-02-10 a les 18.14.13.png

Link to comment
  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

You can use this code to Website > Website Tools > Custom CSS to fix problem

div.newsletter-block button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-button-element--primary {
    background-color: black !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks 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.