Support » Plugin: Form Maker by WD - user-friendly drag & drop Form Builder plugin » Why do you have inline CSS fortified with the “!important” rule?

  • Resolved sharcs

    (@sharcs)



    Maybe I may be missing something obvious but I keep coming across styles that I can’t change because some of the plugin’s styles are both inline and reinforced with the “!important” rule.

    Here’s an example of what I mean – http://prnt.sc/f0luau
    CSS

    Is there a way of overwriting e.g. the padding-right on .form13 .wdform_column? Or I’m I stuck with a 50px padding on the right?

    • This topic was modified 1 year, 4 months ago by  sharcs.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Ok, never mind, it works if I use the CSS that comes with the plugin. Is there a way of doing it using an external style sheet?

    Plugin Contributor Form Maker Support

    (@formmakersupport)

    Hi @sharcs!

    You can also try to add your additional CSS code with !important values to style.css file or custom CSS editor of your website theme.

    Hope this works, since this is the best solution without having to edit plugin files.
    Thanks! Have a great day!

    Thanks for the reply. Yes I understand what you are suggesting, but as you can see from the image that I linked, your inline CSS already has !important added to it – which means there’s no way of overriding it from the style.css.

    Plugin Contributor Form Maker Support

    (@formmakersupport)

    Hey @sharcs!

    I spoke with our development team, and they are suggesting to use the following CSS code instead:

    div[id='12form_view1'] .wdform_section .wdform_column.ui-sortable {
       padding-right: 0px !important;
    }

    Where 12 is the ID of your form. It should work if it’s added to style.css file or Custom CSS panel.
    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Why do you have inline CSS fortified with the “!important” rule?’ is closed to new replies.