More CSS Specificity Required – Conflict with Divi theme

  • Resolved Cliff

    (@drrichbunk)


    5 years, 2 months ago

    There is a CSS conflict when using this plugin with the Divi theme. This is caused by the file multidatespicker.css which doesn’t have enough specificity for each CSS rule.

    For instance, your CSS file has a rule for .ui-widget. This means that any other element in the DOM that happens to have the class name ui-widget will have your rule mistakenly applied to it.

    The Divi theme, for instance, has a bunch of class names in its UI that are being inadvertently styled by the rules in your CSS file.

    If you could add some more specificity to each rule in your CSS file, then that would make sure that the rules in your CSS file aren’t applied to other elements that happen to share the same class names.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author bizswoop

    (@bizswoop)

    Thanks for flagging the CSS conflict with Divi theme and providing details. This was helpful.

    We are looking at solutions to address the conflict and push a new release with a fix.

    Plugin Author bizswoop

    (@bizswoop)

    The CSS hotfix is now live in release 2.0.11, the forum post is being closed now as fixed, if you encounter any issues, please reopen the post.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘More CSS Specificity Required – Conflict with Divi theme’ is closed to new replies.

Tags