Jump to content

Change form button in CSS

Recommended Posts

Site URL: https://pumpkin-platinum-sg2t.squarespace.com/config/design/custom-css

Hello, 

I'm trying to change the Form 'Submit' button to Optician Sans to match with my headings and also other buttons on my site (Brine family). 

I've used the following code to change the site buttons:

.sqs-block-button-element {
    font-family: 'Optician Sans' !important;
}

 

But it doesn't change the form button on my contact us page. 

Can anyone help?

Edited by emmabcarr
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

As your site isn't live yet, we can only view it if you set a site password and tell us what it is.
 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Hi paul2009,

I've managed to change the style the only problem is when I hover over there seems to be a colour over writing it. It changes to the correct colour for a millisecond and then changes to a lighter grey. 

You can see it here: www.carpeimmobilier.com/contact-us

Link to comment
On 10/5/2020 at 4:55 PM, emmabcarr said:

Hi paul2009,

I've managed to change the style the only problem is when I hover over there seems to be a colour over writing it. It changes to the correct colour for a millisecond and then changes to a lighter grey. 

You can see it here: www.carpeimmobilier.com/contact-us

Add to Home > Design > Custom CSS

input.button.sqs-system-button.sqs-editable-button {
    transition: all 0.1s !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.