Table of contents sidebar widget conflict

[clearspark]

Hi there,
I recently installed a plugin called Minerva KB. The plugin has a widget that dynamically creates a table of contents in the sidebar based on headings from the article on the same page.

Here is what the table of contents style is supposed to look like (the “in this article” widget in the sidebar):

http://demos.minerva-kb.com/kb/installing-knowledge-base/

Here is what it looks like on my website:

How to Place and Route Decoupling Capacitors - EMC FastPass

I think the X-theme is over-riding the plugin’s CSS to style the widget. The theme appears to be indenting each heading item and removing the background hover colour.

Please can you guide me on how to avoid this?

[ruenel]

Hello @clearspark,

Thanks for writing in! The theme did not override the styling of the plugin. I have found out that in Cornerstone > Theme Options > CSS, you have added this custom CSS code:

.widget ul li:before {
    content: '\f105 ';
    float: left;
    font-family: FontAwesome;
    font-size: 17px;
    width: 25px;
    padding-bottom: 20px;
}

Please remove this code so that the widget will display like this:

Best Regards.