Contact Form Button Size

Site URL: https://www.jasonhkim.com

Hello, I would like to make my contact form button (https://www.jasonhkim.com/contact) as exactly same as my other regular buttons something like "Read Other Articles" button below. 

On custom CSS, I managed to change the font type, but the overall size still looks a bit chunky... Could you please help?

.form-wrapper input[type=submit] {
  color: #98635D;
  background-color: #ffffff;
  font-family: graphie!important;
  font-size: 8px!important;
  font-weight: 600;
  letter-spacing: .18rem;
}

9 hours ago, jasonhkim said:

Site URL: https://www.jasonhkim.com

Hello, I would like to make my contact form button (https://www.jasonhkim.com/contact) as exactly same as my other regular buttons something like "Read Other Articles" button below. 

On custom CSS, I managed to change the font type, but the overall size still looks a bit chunky... Could you please help?

 

.form-wrapper input[type=submit] {
  color: #98635D;
  background-color: #ffffff;
  font-family: graphie!important;
  font-size: 8px!important;
  font-weight: 600;
  letter-spacing: .18rem;
}

Try adding the !important property to the letter-spacing property:

letter-spacing:0.18rem !important;

Hey there @Jia, I am also running into an issue with the contact form submit button size on mobile - it's currently extending out of the form box - see screenshot attached. I've tried a few different codes but can't figure it out.

Is anyone able to help with any code to fix this please? 

alyssa-matesic.squarespace.com
password: yourstorystronger

Thank you!

On 3/6/2022 at 12:09 AM, Kate_B said:

Hey there @Jia, I am also running into an issue with the contact form submit button size on mobile - it's currently extending out of the form box - see screenshot attached. I've tried a few different codes but can't figure it out.

Is anyone able to help with any code to fix this please? 

alyssa-matesic.squarespace.com
password: yourstorystronger

Thank you!

Can you share link to page where we can see this form? Thank you

@tuanphan yep, sure here's the page:

https://www.alyssamatesic.com/inquire

thanks!

On 4/6/2022 at 4:35 AM, Kate_B said:

@tuanphan yep, sure here's the page:

https://www.alyssamatesic.com/inquire

thanks!

Add to Design > Custom CSS

/* Mobile inqure button */
@media screen and (max-width:767px) {
div#block-c5e353bf1cc3197bd478 input.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary {
    font-size: 15px !Important;
}
}