By Antonio Simmons on Monday, 19 May 2014
Posted in General Issues
Replies 15
Likes 0
Views 627
Votes 0
Hi
Since I've changed the size of my cover photos to 56.25% I can't upload any new ones. When I select edit cover it just takes me to the photo in a pop up. I've included my site access info. Also I've just noticed all of the cover photo's are stretched and do not fit now.
hey antonio,
I can't reproduce this at your end. I just logged in with my account I created during your registration problems on mobile and I was able to update my cover 2 times now without any problems. any special steps to follow to see your problem? please let me know.
·
Monday, 19 May 2014 02:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex
Here's a screencast documenting my problems. http://www.screencast.com/t/gwhssOOrzQ
·
Monday, 19 May 2014 03:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Antonio is absolutely right, this issue slipped right past me. Same issue on my site, in my case I'm not using any CSS mods for the cover photo. See Antonio's video to see what he means.
·
Monday, 19 May 2014 04:02
·
0 Likes
·
0 Votes
·
0 Comments
·
hey antonio,
thanks for the video. as said I tried with my newly created account (that didn't had a cover pic) and there upload and editing works fine. however I was able to replicate this now for older, existing cover photos which is most likely to our recent changes in this area.
we're already checking some other image issues and we'll investigate this one as well so that in the upcoming 1.2.14 this can be fixed. thanks again for reporting!
·
Monday, 19 May 2014 04:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Cool... Thanks Alex
·
Monday, 19 May 2014 05:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Antonio, I'm in the middle of getting the Edit Cover issue sorted. I will update you guys again.

Meawhile, although you are free to modify the profile cover size to your liking, there are some things you'll need to consider:

On photo size:

  • Cover photos in EasySocial are resized to have a maximum width & height of 1280px by default.
  • A larger profile cover area also means that images will need to stretch to fill. If the profile cover area is larger than > 1280px then it will result in pixelated covers.
  • You can hack "constants.php" to have a value larger than 1280px (modify SOCIAL_PHOTOS_LARGE_WIDTH and _HEIGHT). However, modifying this will only affect newly uploaded photos/covers and not existing ones. So the decision is up for you to make!

On aspect ratio:

  • Cover photos in EasySocial have an aspect ratio of 3:1.
  • Modifying the profile cover aspect ratio (for your case from 3:1 to 16:9) would also mean areas on an existing cover that was previously covered/cropped will now be revealed because the cover area is taller.
·
Monday, 19 May 2014 11:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Okay guys, here's the script with the cover fixes, just extract and overwrite existing files in "media/com_easysocial/scripts".
·
Monday, 19 May 2014 13:21
·
0 Likes
·
0 Votes
·
0 Comments
·
I changed those four files with no luck (cleared ES and browser cache). You can replicate the issue by logging into the stacked account, go to the profile, and click edit cover. It will open up the popbox instead of bringing in the drop down menu.
·
Monday, 19 May 2014 13:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Josh, you are running on Development mode which loads uncompressed scripts.
I'm attaching you these 2 files to try out, I am not sure if it will work because these *.js files also includes additional changes from 1.2.14 which might be incompatible with 1.2.13.

popup.js goes to
/media/com_easysocial/scripts/site/photos/popup.js

cover.js goes to
/media/com_easysocial/scripts/cover.js

Try it out and let me know if they work.
·
Tuesday, 20 May 2014 11:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi
It worked for mines guys.
·
Tuesday, 20 May 2014 11:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi
Thx Jensen for the insight, I just wanted to make my cover photo a little taller because I have some modules to the right of it now and it shrunk the size of the photo (See screenshot) I never wanted to go that much larger. Can you give me some advice on a new percentage to go with that'll make my cover photos just a little taller.
·
Tuesday, 20 May 2014 12:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Jensen, that did the trick. I'm looking forward to ES 1.2.14, you guys are going great.
·
Tuesday, 20 May 2014 12:21
·
0 Likes
·
0 Votes
·
0 Comments
·
@Antonio The formula is (h / w) * 100%.

I can see that on your site your profile cover is roughly 870px in width. If you would like to use a 300px height, all you need to do is to apply that formula.
300 / 870 * 100 = 34.48%;

And there you have it.

body div#fd.es .es-cover-container {
padding-top: 34.48% !important;
}


Adjust to your own liking.
·
Tuesday, 20 May 2014 13:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Outstanding:) Thanks again Jensen:p
·
Tuesday, 20 May 2014 17:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Antonio Glad that your issues are resolved now
·
Monday, 26 May 2014 11:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post