momo2000 Posted May 17, 2023 Share Posted May 17, 2023 I've searched and see that you can change the color of ALL of the input background fields. I have a use case where I need 3 different colors for the input fields on ONE page: #1. Normal for most fields. #2. Blue background for "male" fields. #3. Pink background for "female" fields. This is for a nonprofit agency that provides resources to low income families, but we need to capture 4 numbers from each family (Number of Male Adults, Number of Male Children, Number of Female Adults, Number of Female Children) for grant purposes, and was trying to make things more obvious (and redesign the form), because as simple as it sounds, the caseworkers are having trouble with this. Thx. FluffCreativeStudio 1 Link to comment
FluffCreativeStudio Posted May 17, 2023 Share Posted May 17, 2023 Hey there! Can you provide a link to the page you are working on and the password if its a protected site? The code solution will depend on the individual form fields names in order to target them for unique colors. Thanks! Link to comment
momo2000 Posted May 17, 2023 Author Share Posted May 17, 2023 Thanks so much, I am grateful for you taking a look at it. I have not begun to revamp it, I'm trying to see what is possible (hence the question) and work with the caseworkers to see what makes sense. Here is the link to the current page, I'll PM you the password: https://fullyfurnishedministries.org/request FluffCreativeStudio 1 Link to comment
momo2000 Posted May 17, 2023 Author Share Posted May 17, 2023 I didn't build the original, but am also thinking of ideas to make the form shorter/more intuitive/easier to complete, so any suggestions are welcome! FluffCreativeStudio 1 Link to comment
FluffCreativeStudio Posted May 19, 2023 Share Posted May 19, 2023 Oof I am struggling with this one! @tuanphan is a legend, maybe he can help you? The code for stylizing all input fields, or even input fields of a certain type (text, number etc) is easy peasy but this is a little trickier. upon inspection each individual form field input is a yui not a block-yui which means we cant target them individually that way. I was messing around with targeting the whole form and narrowing it down by using the :nth-child selector but I'm unable to get it to act the way I want it to. Good luck and Ill be excited to see when someone finds a solve. Link to comment
momo2000 Posted May 19, 2023 Author Share Posted May 19, 2023 OK thanks @FluffCreativeStudio for the follow up and time spent. Thanks for mentioning @tuanphan and will watch for input from them. FluffCreativeStudio 1 Link to comment
tuanphan Posted May 22, 2023 Share Posted May 22, 2023 What is access password? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment