Ptphotography Posted January 7, 2023 Share Posted January 7, 2023 I need your help please. I need to change the form field - text block color to red. Like so: Thank you so much in advance! All the best, K Link to comment
tuanphan Posted January 8, 2023 Share Posted January 8, 2023 What is page url? We can check easier 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
Ptphotography Posted January 9, 2023 Author Share Posted January 9, 2023 13 hours ago, tuanphan said: What is page url? We can check easier Thank you @tuanphan here it is: https://www.ptphotography.com/india-gate-i-india0001 Link to comment
bycrawford Posted January 9, 2023 Share Posted January 9, 2023 Hey K, here is the code: .form-wrapper .field-list .field .field-element:not(.button) { background: red; } Ptphotography 1 Sam Crawford | by Crawford. Multi-award-winning Squarespace expert e. sam@bycrawford.com w. bycrawford.com 💸 How I make $500k/year designing Squarespace websites: Watch the video 📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need. Link to comment
Ptphotography Posted January 9, 2023 Author Share Posted January 9, 2023 4 hours ago, bycrawford said: Hey K, here is the code: .form-wrapper .field-list .field .field-element:not(.button) { background: red; } So cool thank you so much! To wrap it up, how do we change the grey stroke red as well? Many thanks, K Link to comment
SQSPStarter Posted January 9, 2023 Share Posted January 9, 2023 @Ptphotography Use this code: .form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 6px 0 4px; border: 1px solid #ccc !important; /* Change Border Colour Here */ background: #fafafa; /* Change Background Colour Here */ color: #000; /* Change text Colour Here */ font-family: sans-serif; font-size: 12px; line-height: normal; box-sizing: border-box; border-radius: 2px; } Let me know how it goes Ptphotography 1 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
Solution bycrawford Posted January 9, 2023 Solution Share Posted January 9, 2023 1 hour ago, Ptphotography said: So cool thank you so much! To wrap it up, how do we change the grey stroke red as well? Many thanks, K Hey K - use this: .form-wrapper .field-list .field .field-element:not(.button) { background: red; border: solid 1px red; } Sam Crawford | by Crawford. Multi-award-winning Squarespace expert e. sam@bycrawford.com w. bycrawford.com 💸 How I make $500k/year designing Squarespace websites: Watch the video 📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need. Link to comment
Ptphotography Posted January 10, 2023 Author Share Posted January 10, 2023 16 hours ago, bycrawford said: Hey K - use this: .form-wrapper .field-list .field .field-element:not(.button) { background: red; border: solid 1px red; } Thanks a lot. It worked! bycrawford 1 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