Hi,

I am sorry but there is no such control at the moment due to responsive.

There must be some code inside the files where i can override or hack the core settings. I must do it because in current configuration the profile cover takes up my entire screen display.
It seems that cover height is calculated based on screen width.

Imagine if i have the container set-up at 100% width and my screen resolution is at FULL HD - 1920x1080, the cover height is HUGE . In my current display the cover height is assigned at 561 pixels wich is enormous

I can make you a printscreen if you want. The cover height takes over almost the entire screen space.

Hi, there are 2 areas you'll need to edit:
"media/com_easysocial/scripts/cover.js" @ setLayout() handles profile cover.
"media/com_easysocial/scripts/site/stream/stream.js" @ setLayout() handles stream cover.

If you stumble across any "/ 3", just be informed that we decided upon the 3:1 aspect ratio for covers.

Note:
1. When modifying, you can switch to "Development mode" under "Backend > General > System Preferences" to test it out.
2. After modifying, you will need to join & compress all the scripts by running: "http://www.yoursite.com/administrator/index.php?option=com_easysocial&compile=1&minify=1";
3. Then you can switch back to "Static mode" with the newly hacked changes.

Happy hacking!

Thanks Josh for the neat hack! :-)

I guess you can call it a hack. My fix does not require the change for each upgrade which is why I like CSS over rides a whole lot better.

Thanks a lot Josh. That worked nice !

Yeay! Glad to hear.

Thanks for sharing this Josh

Josh Lewis wrote:

You could hack, or you can use CSS which requires zero hacking! Don't believe me? Give this code a test spin:

.es-profile-cover.es-flyout {

    max-height: 400px !important;

}

Apply it to your Joomla template and clear your cache. Adjust the max-height to the value you do not want it to extend beyond.

Josh,

I have made this change after seeing this and somehow I can't recall where and how I changed it. I checked in my css for my template and I do not see the code added for the css:

.es-profile-cover.es-flyout {

    max-height: 400px !important;

}

The Profile Cover Aspect ratio is skewed on my site now and not sure how to fix it. Lesson to me to use the ES Tasks feature and write it down how I changed this.

Any suggestions how to fix the aspect ratio for the Cover Photo? Suggestions appreciated.

Randall

I forgot the name of your site, it was something "chamber" with the word "voices"? I think I'm part way there with the name. So I'm curious which way is it skewed?

Josh Lewis wrote:

I forgot the name of your site, it was something "chamber" with the word "voices"? I think I'm part way there with the name. So I'm curious which way is it skewed?

The site is chamberanswers.com

But I have it set to a Coming Soon page at this time. I can send you one of the SU username and password to look at it if you send me an email.

rusty[at]chamberanswers.com

Appreciate you getting back to me n this.

Randall

Thanks Josh - see my last post.

Email sent.

I sent you an email a minute ago with the username Josh and the password so you have full SA privileges to make any admin changes if you think you can fix this or want to take a look via the Administrator.

Thanks Josh.

Randy

In Randall's case I tried out:

.es-profile-cover.es-flyout {

    min-height: 500px !important;

}

140px were being used up by the faded area. So I decided to go with a height that made the cover image not feel as cropped. Feel free to speak up about adjustments.

Thank you very much Josh. I appreciate this very much. Looks much better now.

Randall

Your welcome. I very much enjoy CSS work.