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.

Reply via email to