Jump to content

Unable to change form button colour

Go to solution Solved by Lesum,

Recommended Posts

I am having issues changing the button background colour on the form at the top of this page.


I have added this custom CSS;

.sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .site-wrapper .sqs-background-enabled.sqs-block-form .sqs-editable-button {
    background: #41986c; important!;

However, I think the below CSS is stopping it from working.

.sqs-button-element--primary {
    background-color: #000000;
    color: white; important!;

When I view and test in Chrome developer tools and remove the important!; from the above code it does work. However I don't have access to the CSS files to remove that. Is there any way I can achieve the colour change for the form button withinin custom css?

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

@WR-Mike If you don't want to change the button color on other pages, then you can add the code below under page header code injection, same place you tried to add before:

	input[type='submit'] {
      	background: #41986c !important;


If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.