Issues with Amazon S3
By checksum on Sunday, 02 March 2014
Posted in General Issues
Replies 14
Likes 0
Views 1K
Votes 0
Hi,

I enable Amazon S3 and some pictures on my stream are broken, they are pointing to my local server, but it can't find it.

Also, my icons disappeared, I can see them on Chrome, but not in IE or Firefox

Please see my info below

Thanks
The reason why your icons are messed up because you are hosting your css files over CDN. It will mess up on Firefox because of the cross domain origin issues. If you view it on Chrome it works fine. You need to follow the guide here, http://stackoverflow.com/questions/20032426/fontawesome-doesnt-display-in-firefox to fix this up.

As for your image issue, can you post a link to the stream item? I can't find that particular stream.
Mark
·
Sunday, 02 March 2014 20:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

It's funny because some other icons that uses font awesome are working.
When I check it with firebug, it is using a font call easysocial, and I uploaded the font folder in easysocial found in:
media/com_easysocial/fonts


div#es-wrap .ies-earth:before {
font-size: 16px;
}
div#es-wrap .ies-earth:before {
content: "";
}
http://xxxxxxxxxxxx.s3.amazonaws.com/components/com_easysocial/themes/wireframe/styles/style.css?javer=1403021029

div#es-wrap [class^="ies-"]:before, div#es-wrap [class*=" ies-"]:before {
display: inline-block;
font-family: easysocial;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}

Please find the user login below, go to your dashborad view and load more activities, you will see the broken pictures
checksum
·
Sunday, 02 March 2014 23:25
·
0 Likes
·
0 Votes
·
0 Comments
·
I followed the link and added this to the <head>, but icons still do not show up:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
checksum
·
Monday, 03 March 2014 00:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hm I am not sure why some fonts works. Perhaps it's cached or something?
Mark
·
Monday, 03 March 2014 00:27
·
0 Likes
·
0 Votes
·
0 Comments
·
I don't think so, because I cleared the cache many times.
My template uses font awesome and I can see the icons. Those icons that you see are using my template css and I can see them throughout the site. Only the easysocial icons don't show up.

It is using the font name 'easysocial', where are you pulling the font name "EasySocial" from?
checksum
·
Monday, 03 March 2014 02:07
·
0 Likes
·
0 Votes
·
0 Comments
·
IE11 developer tools is giving me these errors messages about the easysocial fonts, all these files are hosted on amazon, any ideas?
checksum
·
Monday, 03 March 2014 02:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok, I was able to resolve the icon issue, but my broken images still remain on the stream.

The issue is amazon s3 does not return certain type file such as .tff, .eot that easysocial uses.
You can find the fix below
Clear your browser cache after you apply the fix
In case someone else faces the same issue
checksum
·
Monday, 03 March 2014 03:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello checksum,

This issue is definitely related to cross domain origin issues and the only way to fix this is to follow the htaccess guide above. If it's still not possible, then your hosting provider may have restricted this. You need to check this with your hosting provider
Mark
·
Monday, 03 March 2014 12:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks,
Can you check my other issue about the pictures not showing up from S3 when you get a chance.
I have provided my info earlier.
checksum
·
Monday, 03 March 2014 22:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello checksum,

I have applied some updates on the photo app so that it doesn't use the cached copy but I noticed some of the covers or photos for some reason isn't being pulled on Amazon. I am not sure what happened to the photo but can you please provide me with your Amazon account?
Mark
·
Tuesday, 04 March 2014 01:40
·
0 Likes
·
0 Votes
·
0 Comments
·
sure, please find below
checksum
·
Tuesday, 04 March 2014 02:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi checksum,

I am sorry for the delay of this reply.

Regarding your picture not display in activity log page, I logged into your site with user 'senegalonline' and uploaded 4 images. I then go to activity log page and the images are displayed correctly. Is your issue now resolved?

Please advise.
Sam
·
Wednesday, 19 March 2014 18:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sam,

Thank you for looking into this, some pictures are still missing though.

I was going to wait until I upgrade to 1.2 stable to troubleshoot it, I did not want to give additional works for you guys.

Thanks
checksum
·
Wednesday, 19 March 2014 23:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi checksum,

Sure, let us know if you still encounter the same issue after upgraded to ES 1.2 stable.
Thanks.
Sam
·
Thursday, 20 March 2014 15:46
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post