TimmyD
Member
While it seems possible to target the drop down element and field with something like the below this doesn't seem to have any effect when trying to target a drop down that's had the enhanced user interface switched on.
Is there some other CSS required?
body #gform_wrapper_X .gform_body .gform_fields .gfield select {margin-left: 10px; border:1px solid red}
Many Thanks
The enhanced drop down does have some extra markup/classes because it uses JS to do some code replacement. Do you have a link to your form?
TimmyD
Member
Sure thanks Rob, in development here; http://www.sourcecapital.co.uk
I'm just trying to align that third question's dropdown with the field name as per the one above it. There's multiple instances of them as you hit page two of form.
Many Thanks
Cool, this should do the trick for you:
[css]
body .gform_wrapper .chzn-container {
margin-left: 15px;
}No problem, glad to help. Looks like I missed another, drop this in for the actual items in the drop down:
[css]
body .gform_wrapper .chzn-container-single .chzn-drop {
margin-left: 15px;
}:)
Your best bet would probably be to use Chrome Developer Tools or Firebug for Firefox to inspect.
Here is our page regarding CSS Targeting:
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
Looks like this here is the cause for that: Screenshot
Try dropping this in to see if it overrides it:
[css]
body .gform_wrapper .chzn-container-single .chzn-search input {
margin-left: 0 !important;
}I don't see that style in your stylesheet - can you drop it in so I can see what's happening with it?
Nice, no worries. Glad you are all set!