How can I build complete com_easysocial.less file with all easysocial functionnalities ?
By Tony Boutemeur on Tuesday, 19 January 2016
Posted in General Issues
Replies 7
Likes 0
Views 441
Votes 0
Hi friends,

Please find in attachments some pictures about my easysocial customization.
I'm using JA_Playstore built by Joomlart. To customize easysocial, I put com_easysocial.less file from an another template (JA_Social II) in ~/htdocs/templates/JA_Playstore/less/extras/com_easysocial.less; I put com_easysocial.css from another template (JA_Social II) in ~/htdocs/templates/JA_Playstore/css/extras/com_easysocial.css and I made a custom.css in ~htdocs/templates/JA_Playstore/css/custom.css.

Unfortunately, it's not made properly. It's not a minor transformation and I believe it would be better to use Easysocial less files to get a complete transformation for all components and functionalities of Easysocial. After, I would like make the same thing with Easydiscuss, Komento and Easyblog.

I found out some less files in ~/htdocs/components/com_easysocial/themes/wireframe/styles/... and I would like to know, how to build a general .less file with all easysocial components and functionalities to customize properly before to transform with JA_Playstore LESS to CSS functionalities ? Can I add all easysocial theme .less files in one easysocial theme .less file ?

Thanks in advance for your answer,

Tony
Hey Tony,

I strongly advise users to not fiddle around with the less files unless you are proficient enough to understand what you are doing. Having said that, you can always compile the less files from the "Themes" section at the back end of EasySocial



By the way, please remember to assign your domain to your license to obtain for support in the future. You can do so by accessing your license area at http://stackideas.com/dashboard
Mark
·
Tuesday, 19 January 2016 18:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark,

I red your documentation about "compiling theme" but if I understood, "compiling theme" is used to create a new theme in Easysocial itself.

In my case, I don't want do that.

When you use some Joomlart templates; you can create an add-on customized in .less file and after with a functionality based on the template app in back end convert LESS to CSS. It's very usefull because you don't have need to touch Easysocial theme.

This is the reason why, I would like reproduce like Joomlart had done with their JA_Social II template. And create a file named com_easysocial.less and throughly add it in my Joomlart template files.

It's also possible to do this with Easyblog, Easydiscuss, Easyblog, Virtuemart, Kunena, ...

My Aim was to visually integrate Easysocial to my template theme (JA_Playstore) based on Bootstrap and my need was create a general less file with all Easysocial less code. I found out Fishsticss to transform CSS to LESS but it makes some mistakes.

Concerning to assign a domain to my dashboard, you're right but at this time it's not possible because I am working in localhost and I don't buy any domain.
Tony Boutemeur
·
Tuesday, 19 January 2016 20:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Tony,

If you intend to do everything within your Joomlart template, then there's no need to compile anything from our extension actually

If Joomlart is already collecting these less files, then you could just add them in your joomlart template but you can't actually use @import directives from our less files because our less compiler could be different from theirs.
Mark
·
Tuesday, 19 January 2016 20:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah ok ! I need to find out an another way.

What do you think if I change my template to use this http://getbootstrap.com/ to be compatible with Easysocial, Easyblog ... or another with a compatible compiler if you know ?
Tony Boutemeur
·
Tuesday, 19 January 2016 21:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Tony,

The reason anyone would want to use a .less file is to inherit properties from EasySocial but if your intention isn't to create a new theme then I think it is perfectly fine to add your css changes / modifications in a custom.css file of your Joomla template.

This way, you don't have to worry about upgrades of such.
Mark
·
Tuesday, 19 January 2016 22:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark,

Yes, you're right but custom.css it's only to fix some minor customisation. For me, it is very important to be able to personalize and don't get the same easysocial as everybody. The major websites are black or white At the end, all websites are similar.

I think It misses an Easysocial theme designer component includes in Easysocial back-end (like an another competitor).

Is it possible to know which compiler I could use to build a template compatible with Easysocial compiler ? I found out Getbootstrap or Uikit.
Tony Boutemeur
·
Wednesday, 20 January 2016 19:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Tony,

If you want to redesign most of the elements, then I would suggest you to create a new theme in EasySocial What you could do is to duplicate the folder /components/com_easysocial/themes/wireframe to a different name.

Then, make your changes on the less files in EasySocial, go to the Themes section to recompile the less stylesheets of your new theme
Mark
·
Wednesday, 20 January 2016 21:29
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post