Editing frontend-forms.css

Home
Forums
WP User Frontend Pro
Editing frontend-forms.css

This topic contains 3 reply and 3 voices, and was last updated by

Myles 10 years, 2 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	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	Ah, yes, CSS specificity. Thank you.
January 22, 2014 at 4:08 am 14670
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)