By Mist on Monday, 09 February 2015
Posted in General Issues
Replies 3
Likes 0
Views 877
Votes 0
Let's fix once for good my css loading issue.
EasySocial it's great, you guys figure out a "one size fit all" scenario, duplicating the entire Bootstrap library within your own "namecase" and loading that from the own EasySocial CSS system.

Sometimes, there are casese where our template is already built using Twitter Bootstrap 3.x and by loading the "internal" EasySocial twitter Bootstrap .. we just add more load and bloat to the entire system.

Currently we have this:

1. I have my own Bootstrap css loaded, and my own template style, a total of 300kb
2. EasySocial add a toping of it's own bootstrap and other css files, a total of 630kb
3. Other small "pieces" stuff (like EasySocial "Blog" app for example) loads their own css files, here and there.

.... so in the end i get 1MB+ for JUST the css files. Add on top of this the javascript files, site content (like images) ... and we are getting headache

Long story short,

1. What's the best way to compile and load only the "mandatory" EasySocial files without ES "internal" Bootstrap ?
2. How to turn off TOTALLY the loading of ANY css files from EasySocial (providing that we already moved the required css code into our own file)

Thanks ! I am just trying to make things smaller and super-fast !
Subscribed, love the concept of loading one's own version of bootstrap based on your template. While I suppose supporting this could be seen as a potential problem, perhaps we need an advanced setting section for those of us who are more experienced with code and tweaking things.
·
Tuesday, 10 February 2015 13:42
·
0 Likes
·
0 Votes
·
0 Comments
·
+ Subsribed
·
Tuesday, 10 February 2015 13:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I am sorry but unfortunately that's impossible have option to remove our own bootstrap for EasySocial right now. We need to ensure EasySocial styling not conflict with other templates.


1. What's the best way to compile and load only the "mandatory" EasySocial files without ES "internal" Bootstrap ?

You can go to /media/foundry/4.0/styles/foundry/foundry.less manually comment out which files not to import for EasySocial. (If you modified foundry.less you will need to backup when upgrading EasySocial.)


2. How to turn off TOTALLY the loading of ANY css files from EasySocial (providing that we already moved the required css code into our own file)

You can create 3 css files with required css codes into your templates folder like the sample below, than EasySocial won't loading css from components itself.
e.g.:
/templates/[your templates]/html/com_easysocial/styles/base.css
/templates/[your templates]/html/com_easysocial/styles/style.css
/templates/[your templates]/html/com_easysocial/styles/more.css
·
Tuesday, 10 February 2015 13:47
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post