JomSocial v4.07, University v3.17.1, No Circle Avatars

I recently updated JomSocial 3.2.1.6 to the latest JomSocial v4.0.7 using Joomla University theme v3.15 and everything looked okay with the exception of "squished" circles on the avatars. I researched and found a related topic stating the squished circles were just a cache issue which would resolve itself.

When I learned there was an update to the University theme I applied the updated them, removed the "com_community" directory from the HTML directory within Templates (per instructions) and now all Circle Avatars have reverted to squares. I've verified JomSocial configuration(Theme Designer) is set to use Circle Avatars. I have tired setting to square and changing back to Circular without the desired results.

Any thoughts or ideas as to why the Circles disappeared and how to fix (bring them back)? I applied the updated Univ. theme to a production site and not the live site, but am needing / wanting to apply the new JomSocial to live site ASAP to fix a plethora of bugs in JomSocial v3.2.16

I almost think the older University template looked / worked better.

Thank you for your time!

By removing "com_community" folder you have removed all styling overrides that our template provides. In result JomSocial uses its original default view with jus a little bit of styling of our template. So either you should wait for a version of our template that will be compatible with new jomsocial (which should happen soon), or use firebug/chrome devtools and try to recreate the effect.

Hummmm.... this really puts our company in a "bind". I've been tweaking / Bug Fixing a JomSocial v3.2.1.5 site for months... had it ready for launch and realized the Privacy settings were not being followed (no working). I researched and discovered these privacy bugs were resolved in the 3.2.1.6 patch, along with many other fixes, so I applied this patch only to end up with more new bugs ALL OVER the place (did I mention I went live last Wednesday?) which affect functionality, especially within Events, Groups, and profiles.

After many discussion threads with JomSocial, support, billing, development, community, etc. etc. etc. I was told by every JomSocial rep that EVERYTHING IS ROSY IN THE NEW v4, YOU MUST UPDATE TO FIX YOUR BUGS.

I was thrilled to see you guys actually had (what appeared to be) an updated theme package, noting support for JomSocial4. What support was added??? The darn updated template appears to be even worse, LOL.

Painful this has been... "the man" wants the site fixed AND it's now live... for the time being with a BETA test group, so curious when your team "estimates" a functional template patch?

Again, I'm not asking you to give me a firm date...just a better idea of how long in days / weeks? I'm really between a rock and a hard place here.

For what it's worth, I only removed the directory per your companies own instructions
https://www.gavick.com/updates?task=update&id=2369&catid=4

Gavick-UniversityJ3_v3171-upgradeInstructions.png

The University joomla theme was marketed as "compatible and made for JomSocial", this is the main reason we're using this template! Do you guys have any word from the JomSocial dev team regarding if/when they will release a "stable build" (if that's even possible for them) that 3rd party developers can code for?

@xristo - first of all - in University there was no circle avatars so it is a custom change.

We can prepare it for you, but please provide me an URL to your website.

Thank you kindly for the offer and willingness to help us out dziudek, Gavick to the rescue once again.

I will PM the details, it's a closed community so no need broadcasting our domain here.

I have PM'd you with details of our site(s), the main URL and Development (staging) URL. I used Akeeba to backup the site on main URL, restored it to the dev URL and then applied the JomSocial 4.0.7 update to it.

Please feel free to update either domains version of joomla if needed, they're running 3.3.6 now.

Both domains have University v 3.17.1 as default template but you can change to University v 3.15 anytime to see the differences, especially within JomSocial v4

Again, many many thanks

@xristo you didn't provided FTP host in your PM and the domains are not working with the provided FTP access data.

In order to get rounded avatars please use:

Code: Select all

.joms-popover__avatar img,
.joms-hcard .joms-avatar img,
.joms-popup__avatar img,
.joms-popup__avatar--medium img,
.joms-popup__avatar--small img,
.joms-list__avatar img,
.joms-avatar--stream img {
    border-radius: 50%!important;
    overflow: hidden;
}

Problem with avatars on desktop can be solved with:

Code: Select all

.joms-focus__header .joms-avatar--focus img {
    min-width: 80px;
}

For improvements on the registration/edit profile page please use:

Code: Select all

.joms-select {
   padding: 0 5px!important;
}
.joms-select--multiple {
    height: 100px!important;
}
.joms-checkbox {
   clear: both;
}

dziudek,

Please re-read my private message, I've confirmed I included FTP credentials... perhaps the fact I sent 2 PM's is causing the confusion, please review the first one.

I've implemented the above improvements, thank you very much! We have circular avatars everywhere except on the users profile, could you please let me know what is needed for this? If I switch back to version 3.15 of University template the avatars on user profiles is actually circular, but they remain "squished" everywhere else. I will send you a PM with URL's for reference.

In order to make circural the user avatar please add the following selector to my first CSS code:

Code: Select all

.joms-avatar--focus img,

Thank you....

How about for the Community Members module, located on the Jomsocial Frontpage? Showing the FEATURED, ACTIVE, POPULAR avatars, what's the trick for making circular in the Univeristy theme v 3.17.1

3.17-CommMembers.png

Groups Avatar

and please the CSS override for the Groups creator avatar

groups-creator-avatars-square.png

works in the 3 default joomla templates with circles

Please add these selectors for the first code:

Code: Select all

.joms-avatar img,
.joms-avatar > a > img

That makes them look squished or too wide in Internet Exploader (not a perfect circle) very similar to the way they appear on older University template. But thank you, it works (is actually circle vs. oval) in Chrome on PC & Mac. That appears to have worked on the Group's creator avatar and for the avatar within Messages and Notification full list pages. Thank You!!!

Any thought on the below jumbled text on NOTIFICATIONS view all page?

Please add the following CSS code:

Code: Select all

.cProfile .joms-stream--discussion .joms-stream__body {
  margin-top: -40px!important;
  margin-bottom: 10px!important;
}
.joms-stream__meta {
  padding-left: 0!important;
  padding-top: 4px!important;
}

Could you be so kind as to provide a fix for the " @ mention" pop-up box? In University 3.18 (latest) the window that pops open to display potential users is cut off. I've included an image of the older University 3.15 template showing the proper pop-up window containing users.

University-3.18-BAD.png

University-3.15-GOOD.png

Thank You for the update to support JomSocial v4.1.1
https://www.gavick.com/updates?task=update&id=2465&catid=4

It's greatly appreciated!