CSS: Fix WordPress theme

The other day I started using TAB’s from Ultimate Addons for Gutenberg (UAG) but there was a conflict with my THEME.

Because the tabs are implemented using <li><a>TAB</a></li> they had annoying mini squares from the <li> tag and underline from <a> tag … so I had to figure out the responsible CSS classes.

Once I found them using the browser Inspect tool (right click) :

.entry ul li, .entry ol ul li {
    list-style: square;
}
.entry a {
    color: #1b2b47;
    box-shadow: 0 1px 0 #aeb3c7;
}

I had to just exclude those rules for the UAG tab elements using not as seen below.

.entry ul li:not(.uagb-tab), .entry ol ul li {
    list-style: square;
}
.entry a:not(.uagb-tabs-list) {
    color: #1b2b47;
    box-shadow: 0 1px 0 #aeb3c7;
}

I still left the 1px underline for the hover effect.

Tags: cssexcludenotthemetips