Plugin CSS rules override theme rules

  • Hi, the default style (ie. css/styles-default.css) contains UIkit classes (ie. uk- prefix), but without a plugin-specific namespace. These rules can interfer with themes based on UIkit.

    I suggest you to add a class or an id to plugin-related containers with the surbma-gpga- prefix.

    • This topic was modified 4 years, 5 months ago by jenkin27.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Surbma

    (@surbma)

    Hi @jenkin27,

    thank you for your feedback! Is there any theme or website, where it conflicts with other CSS?

    Thread Starter jenkin27

    (@jenkin27)

    It’s a custom theme built on top of UIkit, you can see a preview here: https://www.openthebox.io/. Inspect the buttons on the first blue page section, you can see the plugin css overrides our custom style.

    Thread Starter jenkin27

    (@jenkin27)

    Maybe all .uk-button selectors should be in the #surbma-gpga-modal context using everywhere the selector #surbma-gpga-modal .uk-button. The same fix should be applied to snackbar.

    • This reply was modified 4 years, 5 months ago by jenkin27.
    Plugin Author Surbma

    (@surbma)

    I see. I’m using UIkit as a framework, generating the css from its less files. I will sure make everything to find a solution, but I can not promise anything.

    Recommended solutions are to “overspecify” your css for these situations or to disable my plugin and find another solution for now.

    I’m sorry, that it is in conflict with your theme!

    Thread Starter jenkin27

    (@jenkin27)

    Ok, please let me know if and when you will address this issue. Thanks!

    Thread Starter jenkin27

    (@jenkin27)

    Update: if we put surbma-gpga-styles as a dependency in wp_enqueue_style() of our theme, many issues are fixed.

    Just a question: what version of UIkit the plugin is using?

    Plugin Author Surbma

    (@surbma)

    if we put surbma-gpga-styles as a dependency in wp_enqueue_style() of our theme, many issues are fixed.

    Thank you for the update! It makes sense.

    Just a question: what version of UIkit the plugin is using?

    On the front-end, I’m using 2.27.5v.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Plugin CSS rules override theme rules’ is closed to new replies.

Tags