Overriding Template CSS
By Ansgar Bittermann on Saturday, 20 June 2015
Posted in Technical Issues
Replies 7
Likes 0
Views 460
Votes 0
Hi, I read the forum and docs and everybody is referring to the doc section which now titles "sorry, no content"

Could you please tell me what exactly I have to do to override all CSS in ES. I created style.css sheet as you said (with the three imports) but nothing happens...I am wondering if I can also change content in this file from more.min.css?
If you have a valid page to explain this in detail, please just point me to it. Thanks
Are you trying to override within ES or in your Joomla template? I tend to do mine in the Joomla template:

http://joomla.stackexchange.com/questions/3877/how-do-i-override-the-css-styles-in-my-template
David Montoya
·
Sunday, 21 June 2015 00:49
·
0 Likes
·
0 Votes
·
0 Comments
·
thank you for your tip, that already helps. But for some mysterious reason, only files style.css and style.min.css are overriden. That is weired. Do you know a workaround?
Ansgar Bittermann
·
Sunday, 21 June 2015 02:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Are you checking to see if your overrides are working at all within the browser? With Chrome you can right-click and inspect element to check. If for some reason your custom.css isn't taking higher priority, usage of !important is a nice hotfix, but isn't always recommended.
David Montoya
·
Sunday, 21 June 2015 04:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ansgar,

I am sorry for the delay of this reply.

May I know which css file in easysocial that you want to override it? Like David suggested in his previous reply, you can always use custom.css to override the easysocial styling without having the need to import the necessary style.css file.

David,

Thanks for the helps.
Ezrul Fazwan
·
Tuesday, 23 June 2015 12:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Erzul and David,
thank you for your tip. Yes of course I am checking the browser with Firebug. As David suggests I also used the override.css from gavick template. All goes well except for contents from the more.min.css and base.css...It only works if I literally change more.min.css directly..That is so weired. Even "!" is not working. The blue background of the top header is just not working with the colors of my site.
Any ideas?
Ansgar Bittermann
·
Tuesday, 23 June 2015 19:42
·
0 Likes
·
0 Votes
·
0 Comments
·
What's your site URL? Is it publicly accessible? If not:

david@affinitypixel.com

Can you also give a sample URL with a class or ID I can take a look at that's giving problems? I'm hoping to figure it out without FTP access.
David Montoya
·
Wednesday, 24 June 2015 04:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello David,

Thanks for your kind help.

Ansgar,

If possible perhaps you can provide us with your Joomla backend and FTP access so we can check on the styling directly. Please advise.
Ezrul Fazwan
·
Thursday, 25 June 2015 13:26
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post