Ptphotography Posted January 7 Share Posted January 7 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 Share Posted January 8 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 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
Ptphotography Posted January 9 Author Share Posted January 9 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 Share Posted January 9 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 💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club📱 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 Author Share Posted January 9 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 Share Posted January 9 @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 Solution Share Posted January 9 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 💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club📱 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 Author Share Posted January 10 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