Jump to content

How To Change Button Size on Forms

Recommended Posts

Site URL: https://www.matey.app/support

Hi! I'm trying to figure out how to change the form button size to the "Small" preset to match the size of the button on my header. I'm also trying to figure out how to customize the color of the form fields when they are active. By default they turn to white, but I want them to be a different color. My template is Stanton. Thanks in advance for your help!

Link to comment
  • Replies 2
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

input.button.sqs-system-button.sqs-editable-button {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px !important;
}

how to customize the color of the form fields when they are active. By default they turn to white

I see black color here? Can you take screenshot?

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

@tuanphan Thank you for your reply! Regarding the active text box, it turns from the dark gray #262626 color I selected to white. I just want it to stay the dark gray #262626 color when typing in the field. I attached a screenshot below. 

1199981140_ScreenShot2020-02-13at5_53_30PM.thumb.png.d2cb6cfbb72dc1dcf719324185ec1b04.png

Also, do you know how to customize the small descriptor text highlighted under "Account Phone Number"? I'd like to change it to a different font and color.

309992775_ScreenShot2020-02-13at5_53_45PM.png.ba9a70b85ac119c1184fdd390433f0b3.png

 

Thank you again for your help!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.