Move CSS to file

I think I am experiencing the same issue. I attempted to edit using the normal custom style sheet, but the styles associated with this widget are being pulled inline, and overwriting anything I did in the custom style file.

Hmm… odd, i don’t have this problem.
On the widget page there is option to choose [Style: No arrows] and it generates pretty clean html with CSS tags that have no style applied to them. I was able to style very nice looking menu using my own code in style.css file.

Alexandra,

It is applying styles, they are just held in collapsing-categories/collapsCatStyles.php and inserted into your index file rather than linking to a separate .css file.

I was able to style my categories menu, but it required editing the collapsCatStyles.php file. You can find it using the plug-in editor on your admin page.

We are also having issues with the injected CSS. Long chain, ID specific style selectors flagged as !important are very difficult to override and require even longer chained – or more specific – CSS classes to override. This makes code consistency and maintenance difficult. Additionally we don’t see changing or rewriting third-party plugin code as a good practice.

Example of css printed into the document head:

#widget-collapscat-4-top li.collapsing.categories.item:before {
content: '0BB 0A0' !important;
}

Whilst the preset CSS options provided by the plugin are generally usable – the flexibility offered by overwritable styles would be greatly appreciated.

Any update on this feature?

Did anybody found a smart solution yet?

I need the same feature too keep lighter the HTML, thank you!

Anyone found a solution for this? Also having huge issues with my theme style messing with it.