Jump to content

Contact Form Button Size

Recommended Posts

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. 

738384383_Screenshot2022-02-25at00_14_08.png.0f6df9cceee98ebba291b4957ef39108.png

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;
}

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

738384383_Screenshot2022-02-25at00_14_08.png.0f6df9cceee98ebba291b4957ef39108.png

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;

 

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
  • 2 weeks later...

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!

Screenshot 2022-03-05 at 17.08.09.png

Link to comment
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!

Screenshot 2022-03-05 at 17.08.09.png

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

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
  • 4 weeks later...
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;
}
}

 

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

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.