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

This topic is: resolved

This topic contains 3 replies, has 3 voices, and was last updated by  Myles 5 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #6564

    Post count: 10

    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).


    Tareq Hasan
    Post count: 2831

    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.


    Post count: 10

    Ah, yes, CSS specificity. Thank you.


    Post count: 2

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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Editing frontend-forms.css’ is closed to new replies.