creativeSZN 0 Posted February 28 Site URL: http://www.creativeszn.com/contact Anyone know why I cant change the font size to the placeholder text or the submit button? They were both working perfectly fine before. input.field-element::placeholder { color: grey !important; font-family: 'TEKO-LIGHT' !important; font-size: 25px !important; } .form-wrapper input[type="submit"] { font-family: 'TEKO-LIGHT'!important; font-size: 25px !important; padding-top: 4px; padding-bottom: 1px; padding-right: 10px; padding-left: 20px; } Share this post Link to post
0 paul2009 29,211 Posted February 28 .form-wrapper .field-list .field .field-element::placeholder { font-size: 25px!important; } 1 creativeSZN reacted to this Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. I am a Squarespace Expert and Squarespace Circle Leader with a strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help. Share this post Link to post
1 paul2009 29,211 Posted February 28 This week, Squarespace made changes to the underlying template used to render Form Blocks. These changes have improved accessibility but have resulted in changes to the HTML used to generate forms. This has affected code on hundreds of websites. You'll need to modify the CSS to match the new structure. As an example, you can change the button font size using: body:not(.button-style-default) .sqs-block-form .sqs-editable-button { font-size: 25px !important; } 1 creativeSZN reacted to this Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. I am a Squarespace Expert and Squarespace Circle Leader with a strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help. Share this post Link to post
0 creativeSZN 0 Posted February 28 thank you so much! that works! although i still cant find the code needed to change the placeholder text. do you have any idea? @paul2009 Share this post Link to post
0 tuanphan 7,679 Posted February 28 Try .field-element::placeholder You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
0 creativeSZN 0 Posted February 28 .field-element::placeholder { color: grey !important; font-family: 'TEKO-LIGHT' !important; font-size: 50px !important; } I tried it. You can change everything but the font-size @tuanphan Share this post Link to post
Site URL: http://www.creativeszn.com/contact
Anyone know why I cant change the font size to the placeholder text or the submit button? They were both working perfectly fine before.
input.field-element::placeholder { color: grey !important; font-family: 'TEKO-LIGHT' !important; font-size: 25px !important; }.form-wrapper input[type="submit"] { font-family: 'TEKO-LIGHT'!important; font-size: 25px !important; padding-top: 4px; padding-bottom: 1px; padding-right: 10px; padding-left: 20px; }Share this post
Link to post