I was wondering how to modify a style of a plugin using my own stylesheet. So in this case there is an element in the plugin <span class="graybox"> but this graybox class does not look good in my theme. I am looking for a way to override it in a way that even if I update the plugin at some point (or reset or something) my style will still be in use.
I did notice that if I just make my own .graybox {foo;} style then it will supercede the one give in the stylesheet of the plugin, but Inspect Element -> Style Editor shows that my definitions come later than the ones in the plugin. This would be fine, however, I have no idea *why *this happens. Is there some sort of order to how the styles are laid out? I tried to remove the $:/tags/Stylesheet tag from my own style tiddler and the plugin's own and add it back to see if that makes a difference in which order the styles are but there was no difference. So what would be correct way of doing this? I did read about CSS specificity etc but if I understood it correctly then I would have to change the <span class="graybox"> part, which would then be replaced again in the event of my refreshing / updating the plugin. -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/dbb246a2-0e27-438f-a8f6-c65cd7a0830bn%40googlegroups.com.