the Base.css in Enfold has Form inputs set to 100% width..
However, GravityForms will allow you to set boxes individually within the form builder. These are overridden by Enfold’s base.css
I tried to create a /css/base.css in my child theme with this line commented out but it doesn’t work
Is there any solution so I can use GF’s built in CSS; e.g. turn off Enfold’s 100% input width
(besides writing my own quick CSS code to set it not 100% this would affect every input, again not allowing me to use GF’s built in edits)
Hey mottac!
Could you provide us with a link to the site in question so that we can take a closer look please?
Cheers!
Rikard
Hey!
I checked the page but there is no contact form there. Please create a test page. You can set the input’s width to auto:
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
width: auto;
}
If it doesn’t work, try to place the gform stylesheet in the Quick CSS field, it should override the theme’s default styling.
Regards,
Ismael