Editing frontend-forms.css

This topic contains 3 reply and 3 voices, and was last updated by Myles 10 years, 9 months ago
Viewing 3 Posts - 1 through 3 (of 3 total)
Author Posts
August 1, 2013 at 6:57 pm 6564
Myles Hey again, Thank you for answering my previous couple of questions quickly -- I really appreciate it. I'll likely have simple questions since I can usually do things on my own, so hopefully these short questions aren't a bother for ya. My question this time is: what would be the most appropriate way of editing my frontend-forms.css file? I attempted putting the file in my theme's css folder, but that didn't seem to work. Of course it's not recommended to edit the file directly since new updates will overwrite it, so I'd rather not do that. I can use !important to override the default css, but I'd rather not use that unless I have to. Is there any way of editing this file in my theme's folder? (I also saw the custom CSS box in the settings, but I prefer using external CSS rather than using internal styles).
August 1, 2013 at 7:47 pm 6567
Tareq Hasan Tareq Hasan

All the CSS classes in frontend-form.css are prefixed with ul.wpuf-form. So you could add a new file or use your existing style.css in your theme and override the CSS classes from the plugin. If your themes post content shows in a div with a class site-content, you can override the forms css with using something like this prefix .site-content ul.wpuf-form. Browser will pickup this one as it is more specific. So you don’t need to use !important in CSS, hope you get the idea.

August 2, 2013 at 3:17 am 6579
Gar Gar

Ah, yes, CSS specificity. Thank you.

January 22, 2014 at 4:08 am 14670
Myles Myles

What about removing classes from items? I’m assuming there is jQuery that references those css values, yes?

Viewing 3 Posts - 1 through 3 (of 3 total)