nwaldinger Posted April 28, 2022 Share Posted April 28, 2022 Site URL: https://www.nickwaldinger.com/ Hello, I'm trying to change the color of text entered in a contact form field. Screenshot 1 shows how it looks when I highlight the box and enter text. Screenshot 2 shows how it looks when I click off the box. I'd like the text entered to be white, and I'd like the box not to become white when highlighted. So it would be a black background with white text at all times. My website is www.nickwaldinger.com, and the password is "create". Could anyone help me with this? Link to comment
Solution tuanphan Posted May 2, 2022 Solution Share Posted May 2, 2022 Hi, Add to Design > Custom CSS /* Form field */ .form-wrapper .field-list .field .caption .field-element { background-color: transparent !important; color: white !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
nwaldinger Posted May 2, 2022 Author Share Posted May 2, 2022 @tuanphan Your code worked for the first two fields, but the last three are still the same (see screenshots attached, I've included one when I'm typing the text in and one when I click away). Do you have any idea how to fix this? The first two fields are perfect though! Link to comment
tuanphan Posted May 4, 2022 Share Posted May 4, 2022 On 5/2/2022 at 9:42 PM, nwaldinger said: @tuanphan Your code worked for the first two fields, but the last three are still the same (see screenshots attached, I've included one when I'm typing the text in and one when I click away). Do you have any idea how to fix this? The first two fields are perfect though! It looks like you solved for all fields? 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
nwaldinger Posted May 5, 2022 Author Share Posted May 5, 2022 2 hours ago, tuanphan said: It looks like you solved for all fields? Hey tuanphan, yes, I figured it out. Thank you though! Link to comment
Ellllla Posted May 27, 2022 Share Posted May 27, 2022 Hi! Can you tell me how you solved this please? I'm having the same issue and I can't figure it out. Thanks! Link to comment
tuanphan Posted May 29, 2022 Share Posted May 29, 2022 On 5/27/2022 at 12:32 PM, Ellllla said: Hi! Can you tell me how you solved this please? I'm having the same issue and I can't figure it out. Thanks! If you share link to page where you use contact form, we can help 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
Elke-AW Posted June 6, 2022 Share Posted June 6, 2022 Hello! I am also trying to do a similar thing, making the boxes on these contact forms transparent. I had it working on one page and now it isn't 😞 https://www.elsewherebar.com/contact-1 https://www.elsewherebar.com/lost-items Link to comment
tuanphan Posted June 10, 2022 Share Posted June 10, 2022 On 6/6/2022 at 10:50 AM, Elke-AW said: Hello! I am also trying to do a similar thing, making the boxes on these contact forms transparent. I had it working on one page and now it isn't 😞 https://www.elsewherebar.com/contact-1 https://www.elsewherebar.com/lost-items The form looks fine to me. Can you describe in more detail? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment