HTML 2 Wordpress Plugin issue

This is pure HTML/JS

But when I converted this into a WP plugin- the CSS of the theme is overwriting the plugin CSS.

Input boxes and drop down are the most affected. Is there a way we can fix this.

!important cant be put on all the tags as the CSS is very large of html(or plugin).

The order of stylesheets is important. The last sheet linked will override previous ones.
If the order is correct the problem may be with specificity of the selectors.

2 Likes

Can you please elaborate this one also?

There are a few resources explaining specificity in CSS if you search around.
Basically a more specific selector will win over a less specific one regardless of order.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.