CSS conflicts with Gravity Forms. Please namespace your CSS

  • Resolved themightyant

    (@themightyant)


    6 years, 5 months ago

    Hi, after using your plugin (which is great btw) we noticed that some of our other form elements were disappearing on the website, like the radio buttons on Gravity Forms. Looking into this further it seems that some of your CSS does not follow best practices and is not namespaced, therefore it applies to ALL form elements not just those of your plugin. E.g.

    input[type="radio"] + label:before, input[type="radio"] + label:after

    Overrides our Gravity Forms causing the radio buttons to disappear. It would also override if any other form CSS with a lower specificity.

    It would be great if this could be fixed?

Viewing 1 replies (of 1 total)
  • Plugin Author Design

    (@designful)

    6 years, 2 months ago

    Hi TheMightyAnt,

    We appreciate you taking the time out of your day to write to us. I apologize for taking so long to get back to you, WordPress doesn’t alert us with new support treads.

    We have started a process of making all our classes even more unique and not loading bootstrap, to avoid conflicts like this.

    I’m assuming that Gravity Forms is also not following best practices? Considering they have styling for ‘input’ ?

Viewing 1 replies (of 1 total)

The topic ‘CSS conflicts with Gravity Forms. Please namespace your CSS’ is closed to new replies.