Hi, how can I make a single CSS file that will override the rest, and stay the same after upgrade?
I assume there is an easy way, so figured I'd ask.

Also, I am trying to update style.css from mod_community toolbar - but do not want to edit directly, tried placing it under socialize/html/mod_community_toolbar, but no luck

Hi Marija,

socialize using T3 framework, for any customization must follow T3 standard:
www.t3-framework.org/documentation/customization.html

please created custom.css under /templates/socialize/css/ and put all 'override' css at there. that css will automatically loaded by T3 it self.

Regards,
Albert

Albertus, please kindly read the questions asked befor answering so you won't waste my time and yours.

Again, I am trying to override style.css, located in /modules/mod_community_toolbar/assets/css/style.css

With your suggested way, it only works if I add !important to all classes, which I do not want to do.

Another suggestion is anticipated.

Hi Marija,

that because /modules/mod_community_toolbar/assets/css/style.css loaded after custom.css. for override that CSS:
1. goto joomla backend
2. goto template manager, and open socialize
3. click Custom Code section
4. Before </head>, put this value

<link rel="stylesheet" href="http://yoursite.domain/templates/socialize/css/toolbar.css" type="text/css" />