taylorthayer Posted November 17, 2021 Share Posted November 17, 2021 Site URL: https://byalliegross.com/get-in-touch I had to use code to change the color of the text to white when you type in forms for my client's site, and it's working for every field except the message field, which still comes up black. Is there anything I can do to fix it? Here's the code I used: #block-yui_3_17_2_1_1621308086578_4461 input {color:white!important} #block-f13bf122e57597604cf0 input {color:white!important} #block-yui_3_17_2_1_1621308086578_4461 input {color:white!important} Thanks! Link to comment
creedon Posted November 17, 2021 Share Posted November 17, 2021 Use the following CSS. #block-f13bf122e57597604cf0 .form-wrapper .field-list .field .field-element { color : white; } This is for v7.1 and specific to the poster's need. Let us know how it goes. tuanphan 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
creedon Posted November 17, 2021 Share Posted November 17, 2021 (edited) An explanation why your code didn't work. You targeted input in your selectors. Not all form text input field elements are of type input. They're input element with attribute/value type="text" and textarea element. The code I posted uses SS's selector with the addition of the code block id at the beginning. Edited December 8, 2021 by creedon 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
Solution creedon Posted November 17, 2021 Solution Share Posted November 17, 2021 An expansion on my code. By using LESS syntax which is supported in Design > Custom CSS you can make having to change multiple forms a bit less repetitive. // change form text inputs color to white, uses LESS syntax #block-f13bf122e57597604cf0, // get in touch #block-yui_3_17_2_1_1621308086578_4461, // ? twc-selector /* dummy selector so that each selector line above ends with a comma */ { .form-wrapper .field-list .field .field-element { color : white; } } taylorthayer and tuanphan 1 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
taylorthayer Posted December 3, 2021 Author Share Posted December 3, 2021 On 11/16/2021 at 10:18 PM, creedon said: An expansion on my code. By using LESS syntax which is supported in Design > Custom CSS you can make having to change multiple forms a bit less repetitive. // change form text inputs color to white, uses LESS syntax #block-f13bf122e57597604cf0, // get in touch #block-yui_3_17_2_1_1621308086578_4461, // ? twc-selector /* dummy selector so that each selector line above ends with a comma */ { .form-wrapper .field-list .field .field-element { color : white; } } perfect, thank you so much!! creedon and tuanphan 1 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