Slotte Posted August 9, 2023 Share Posted August 9, 2023 (edited) Hello, The code for changing the background color behind the text of a form block has stopped working on my website. I want the color of the form to match the background color of my website, and the text to be white The code I have in "Custom CSS", which worked before, looks like this: .form-wrapper .field-list .field .field-element { border-style:solid; border-width:1px; border-color:#cccccc; border-radius: 0px; background: #0D0D0D; } Link: https://www.philipslotte.se/contact Why doesn't it work anymore? Thanks in advance 🙂 Edited August 9, 2023 by Slotte Link to comment
mike_candor Posted August 9, 2023 Share Posted August 9, 2023 They changed stuff. Try the following: .sqs-block-form .field-list .field input, .field textarea { border-style:solid; border-width:1px; border-color:#cccccc; border-radius: 0px; background: #0D0D0D; } Link to comment
Slotte Posted August 10, 2023 Author Share Posted August 10, 2023 21 hours ago, mike_candor said: They changed stuff. Try the following: .sqs-block-form .field-list .field input, .field textarea { border-style:solid; border-width:1px; border-color:#cccccc; border-radius: 0px; background: #0D0D0D; } Yes it worked, thank you so much! The text color is currently black, which makes it difficult to see what's written, how do I change it to: #CCCCCC ? Link to comment
Lesum Posted August 10, 2023 Share Posted August 10, 2023 18 minutes ago, Slotte said: Yes it worked, thank you so much! The text color is currently black, which makes it difficult to see what's written, how do I change it to: #CCCCCC ? Here is edited code to change the background color to #CCCCCC .sqs-block-form .field-list .field input, .field textarea { border-style:solid; border-width:1px; border-color:#cccccc; border-radius: 0px; background: #CCCCCC; } You just to need to change the last line of the code. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Slotte Posted August 11, 2023 Author Share Posted August 11, 2023 On 8/10/2023 at 9:05 PM, Lesum said: Here is edited code to change the background color to #CCCCCC .sqs-block-form .field-list .field input, .field textarea { border-style:solid; border-width:1px; border-color:#cccccc; border-radius: 0px; background: #CCCCCC; } You just to need to change the last line of the code. Thank you for your help! But I meant the color of the text that you write in the form, not the background color. Link to comment
Slotte Posted August 11, 2023 Author Share Posted August 11, 2023 5 minutes ago, Slotte said: Thank you for your help! But I meant the color of the text that you write in the form, not the background color. I managed to solve it by using this code: .form-block input, .field-element{ color: #cccccc; } tuanphan and Lesum 2 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