css template overrides & cdn & google share
By n00bster on Wednesday, 08 January 2014
Posted in General Issues
Replies 9
Likes 0
Views 1.1K
Votes 0
hi, i need a little bit of help.

i use the flatt theme and made some css hacks on the 3.1 version. now i have updated to the latest version 3.2.x plus i setup a cdn network on my site (cloudfront). i also have set in the backend settings from easydiscuss the cdn option to "absolute" links.

1 issue:
i get a error in the reply form on the end from a discussion, my research brings me to this file "components/com_easydiscuss/themes/flatt/styles/style.css". when i filter this file out from the "nonumbers CDN plugin" all went normal, but when i load this file over my cdn domain the error shows up. i want all my files load from a cdn domain, what can i do to make this happen.
the file with cdn url:
http://www.screencast.com/t/JYb41vacu
the file without the cdn url:
http://www.screencast.com/t/eOURudmkPjZ

2 issue:
i made some css overrides in my "custom.css" file from my template for easydiscuss before i switched to the new version 3.2.x. after the switch to the cdn network my custom overrides from ED in my custom.css files are not taken into consideration anymore. where should i place my css hack, shout i switch this css codes in the template "html/com_easydiscuss" file-system.
for easyblog you made a nice documentation about overriding template files, how can i do this for ED.
http://stackideas.com/docs/easyblog/customizations/template-overriding

3 issue:
i disabled the social option "google share" but the share button shows up in the flatt theme, how can i kick this button out?

4 question:
how can i change the style of the social buttons, in EB i can set which style i want. this would be nice when we can do the same in ED too.
Hello,

Please find the answers below:

1. I cannot view your image because it needs a password to view it: http://screencast.com/t/r1euo8LeVp
2. Actually override in EasyDiscuss is the same as override method in Easyblog. You can follow the method in Easyblog.
3. We are sorry as this is our bug. Please replace the attached file (googleshare.php) in ..\components\com_easydiscuss\classes\googleshare.php. We will include this fix in the next release.
4. We are sorry but this is not possible. We will try to add this in the future release.
Nik Faris
·
Thursday, 09 January 2014 18:04
·
0 Likes
·
0 Votes
·
0 Comments
·
thx for your help.

1 issue
now you can view the screencast image links.

2 issue
thx for info

3 issue
is fixed, thx

4 feature
yes this would be very nice to add as an backend option
n00bster
·
Thursday, 09 January 2014 20:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

So sorry for the delay in getting back to you. We checked out your site's files with CDN and without and the reported MD5 is the same. Thus we suspect that this might be an issue with your Joomla cache or browser cache. Can you clear both and try again? Hope this helps.

Thanks!
Adelene
·
Friday, 10 January 2014 18:45
·
0 Likes
·
0 Votes
·
0 Comments
·
2 issue
my css style overrides are not affecting the site.

for the test i have disabled CDN service and joomla CACHE.
in my template i have stored this css file in this folder level:
/root/templates/mytheme/html/com_easydiscuss/styles/style.css
this "style.css" file are not processed on pageload.
n00bster
·
Sunday, 12 January 2014 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Sorry for not include it in documentation, to override css in Easydiscuss, you need to copy the style.less too. So it will be 2 files in /root/templates/mytheme/html/com_easydiscuss/styles/: style.css and style.less. Hope this helps.
Nik Faris
·
Monday, 13 January 2014 12:19
·
0 Likes
·
0 Votes
·
0 Comments
·
ok.

the overriding is working in the template folder, but not as i had imagined.
comparing to the possibility to override css in Easyblog and Easydiscuss, it is absolutely not the same.

in Easyblog i can copy the style.css file from any EB theme to the template folder "com_easyblog" and but the source component css file as an import and override this with my own hacks.
@import url("../../../../../components/com_easyblog/themes/default/css/styles.css");


in EasyDiscuss my "style.css" are always new generated from the "style.less" file in the same folder.
what is the best way to override css styles for EasyDiscuss?
n00bster
·
Monday, 13 January 2014 22:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

As for now, this would be the only way. You can try to edit the CSS file in theme folder but you need to re apply it in the future after updating Easydiscuss.
Nik Faris
·
Tuesday, 14 January 2014 17:38
·
0 Likes
·
0 Votes
·
0 Comments
·
i think we are speaking not from the same, i placed my css changes/hacks in this file "root/templates/mytemplate/html/com_easydiscuss/styles/style.css".
but the "style.css" file shall always recreated new from the less style file, that means my hacks are always overwritten from the less file
this makes no sense to me.

the reason why i would like to move my EasyDiscuss hacks from the template file "customs.css" in the template html folder is because when i turn on the CDN plugin the custom hacks are not processed befor the normal component style.css file from ED is loaded anymore. that means my hacks are also useless.
my plan was to move the hacks in the component override folder, perhaps than the loading order of my hack would befor the components file, so that my css hacks are processed.
n00bster
·
Tuesday, 14 January 2014 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Sorry for the late reply and the misunderstood. If you want to prevent Easydiscuss from regenerating from style.less, you need to turn off this option: http://screencast.com/t/k5SAPIApXiFk . With this option turned off, it will not generate the style.css based on style.less. the downside is, if there is any changes from the update in the future, it will not regenerate the file. To be safe, you can put your changes in your template custom css file. Hope this helps clarify the situation.
Nik Faris
·
Wednesday, 15 January 2014 12:41
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post