Hi There, I have added a for to a page on my site the styling seems to getting pulled from both the themes css and the Formidable css. Is there a way I can override the theme styling. I have checked and selected all the relevant options in the Formidable settings. The settings look good on the Form Setting > Form Styling page. My main problem is the checkboxes are not aligning correctly but I would like to have full control via the Formidable settings.
I note in another thread http://formidablepro.com/help-desk/form-display-problems/ the following:
There are three ways to fix this, either edit the Theme’s form.css file and eliminate the width and float attributes assigned to all inputs(easiest method) or you can edit the Formidable CSS and add a !important on the input classes to force the browser to ignore the form.css junk (not recommended). Your third option, is to create a new css file where you can override the form.css file and the formidable css file. This third option would allow you to leave the formidable and your commercial theme in tact and still make the specific changes to the CSS that need to be made.
My theme does not have a separate ‘form.css’ and I quite like the styling included with it for the subscriptions etc so I’d like to keep that if possible. I have added !important to several lines of the formidable css but it doesn’t seem to have any effect. Should I add it to all styles in the css? If so will this be overridden on an update? I don’t really have the time or the budget on this job to create a new css style sheet for the forms.
Do you have any suggestions? You can view the form in its current state here: http://www.osullivansbar.ie/parties-special-events/