Hi GF Tech Support,
I need to change the background color of certain fields in my forms to indicate whether-or-not a particular item is included in the base price of a product -- or if it represents an upgrade that requires an additional charge.
I am hoping to achieve something that looks like this so that the entire field is highlighted (including the description area):
http://www.flickr.com/photos/37088387@N03/4769004463/sizes/l/
Of I would take this -- if I had to:
http://www.flickr.com/photos/37088387@N03/4769004445/sizes/l/
I'd be ecstatic to have 2 or 3 background color choices to choose from (red, green, blue) -- in addition to the default white.
After inspecting the code, I think I understand that each individual field has a:
class="gfield"
style ="display: none; "
class="ginput_container"
It seems I need to edit one of these parameters -- and create 2 or 3 new customized versions of that setting with different background colors -- and then edit each of my field's values to call that the appropriate version so it displays the correct background color.
Can you please help me with the following:
1. Is my general approach correct and is this possible?
2. Can you tell me which of the three above parameters controls the background color for the whole field -- it seems to be [class="gfield"]
3. Can you tell me which .css file I should be editing?
4. Is it possible to define 2 or 3 background color options within that .css file and then edit each of my field's values to call a certain background color defined within that .css?
5. Can you please provide me with a sample of what that code might look like?
Thanks very much. Your assistance is very much appreciated.