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, 5 months ago.

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

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

    #6567

    Tareq Hasan
    Keymaster
    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.

    #6579

    Gar
    Participant
    Post count: 10

    Ah, yes, CSS specificity. Thank you.

    #14670

    Myles
    Member
    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.