mportch Posted April 9, 2020 Share Posted April 9, 2020 Site URL: https://smilodon-ocelot-my5f.squarespace.com/contact Hi, I want to change the input boxes in my contact form into underline. A bit like this (not grey though) ... Link to comment
tuanphan Posted April 9, 2020 Share Posted April 9, 2020 Add to Home > Design > Custom CSS .field-element { border-left: none !important; border-top: none !important; border-right: none !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
vcampaner Posted March 13, 2021 Share Posted March 13, 2021 Hi, I have changed my contact form (image attached) using the code below. The visitor text inside the boxes are of different sizes. I am only able to modify the size of the text in the 'Email', 'Subject' and 'Message' box but not the text in the 'First Name' and 'Second Name' box. On the contrary, I was able to change the color to red for all text inside all boxes. why is that happening? anyone can help? .form-wrapper .field-list .field .field-element{ border:none; border-bottom: 2px solid; border-color: #fff; background: #000000; } .form-wrapper .field-list .field .field-element { font-size: 20px; color: #FF0000; } Link to comment
tuanphan Posted March 23, 2021 Share Posted March 23, 2021 On 3/13/2021 at 7:58 PM, vcampaner said: Hi, I have changed my contact form (image attached) using the code below. The visitor text inside the boxes are of different sizes. I am only able to modify the size of the text in the 'Email', 'Subject' and 'Message' box but not the text in the 'First Name' and 'Second Name' box. On the contrary, I was able to change the color to red for all text inside all boxes. why is that happening? anyone can help? .form-wrapper .field-list .field .field-element{ border:none; border-bottom: 2px solid; border-color: #fff; background: #000000; } .form-wrapper .field-list .field .field-element { font-size: 20px; color: #FF0000; } Hi. Can you share link to page where you added contact form? We can check easier 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
mportch Posted March 24, 2021 Author Share Posted March 24, 2021 Thanks - we sorted this out a year ago. Link to comment
vcampaner Posted April 8, 2021 Share Posted April 8, 2021 On 3/23/2021 at 1:50 PM, tuanphan said: Hi. Can you share link to page where you added contact form? We can check easier https://www.vittoriacampaner.com/contact My apologies I just saw this now. Above is the link of the specific page. Link to comment
vcampaner Posted April 11, 2021 Share Posted April 11, 2021 On 3/23/2021 at 1:50 PM, tuanphan said: Hi. Can you share link to page where you added contact form? We can check easier Hi I just saw that you replied me. here is the link https://www.vittoriacampaner.com/contact Link to comment
tuanphan Posted April 15, 2021 Share Posted April 15, 2021 On 4/12/2021 at 1:14 AM, vcampaner said: Hi I just saw that you replied me. here is the link https://www.vittoriacampaner.com/contact Hi. IT looks like you solved? 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
vcampaner Posted April 20, 2021 Share Posted April 20, 2021 On 4/15/2021 at 9:34 AM, tuanphan said: Hi. IT looks like you solved? not really when I type my name and last name is always smaller then when I type email and subject and message. I made them all same size, but I would like all of them bigger Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 On 4/20/2021 at 8:01 PM, vcampaner said: not really when I type my name and last name is always smaller then when I type email and subject and message. I made them all same size, but I would like all of them bigger Add to Design > Custom CSS /* form input size */ .form-wrapper .field-list .field .caption .field-element { font-size: 20px; } 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
fufu15 Posted July 17 Share Posted July 17 Hi everyone, These code does not work anymore:( They seem correct and logic, but they don"t work unfortunately. I found a different code, but I dont understand why are those random numbers and letters in it, they are a bit strange. Any thoughts on this? .form-wrapper .field-list .field .field-element, .form-wrapper .field-list .field .field-element:focus, .form-wrapper .field-list textarea, .eTv7qUMqLR9lJxpIAC3F, .EPP7gUN4hvOdLcPLvYT2 { color: #666 !important; background: #fff !important; padding: 20px 0px !important; border-bottom: 1px solid #000 !important; border-top: none !important; border-right: none !important; border-left: none !important; } Link to comment
creedon Posted July 17 Share Posted July 17 Quote .eTv7qUMqLR9lJxpIAC3F, .EPP7gUN4hvOdLcPLvYT2 These look like dynamically generated class names and are not stable. They change at a whim and you shouldn't use them. Unless you don't mind doing a lot of break/fix cycles. I don't have a solution to this issue. fufu15 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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