[Support request] Tab Responsive Plugin

[Brett]

I have added a plugin called… Tab Responsive. The plugin is loading after our child stylesheet is loaded. The problem is that the plugin has applied “!important” styles which means our “!important” style changes aren’t being seen.

Do you have any tricks to get around this issue?

Thanks!

[Leo]

Hi there,

You just have to use the selector that’s more specific than the selector they are using plus important.

For example if we want to overwrite:

.inside-header {
    padding: 10px !important;
}

Then we can do something like:

body .inside-header {
    padding: 10px !important;
}

You can also ask the plugin author to provide you the correct CSS.

Let me know if this helps 🙂

[Author]

Posts