Archived topic

Tab Responsive Plugin

1 reply · Started by Brett on August 23, 2018

Viewing posts 1–2 of 2

August 23, 2018 at 11:46 am #658205

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!

August 23, 2018 at 12:39 pm #658266

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 :)

This archived topic is closed to new replies.

Start building better websites today.