jasonhkim Posted February 24, 2022 Share Posted February 24, 2022 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; } Link to comment
Jia Posted February 25, 2022 Share Posted February 25, 2022 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; jasonhkim 1 Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
Kate_B Posted March 5, 2022 Share Posted March 5, 2022 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! Link to comment
tuanphan Posted March 10, 2022 Share Posted March 10, 2022 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 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
Kate_B Posted April 5, 2022 Share Posted April 5, 2022 @tuanphan yep, sure here's the page:https://www.alyssamatesic.com/inquire thanks! Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 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 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment