Easy Profile - Joomla Extension

Hi,
You can set size of thumb from avatar field.

Hi, and thanks for the help.

I have increased the thumb size in the avatar field but it doesn't seem to have increased the size of the thumbs, do I need to add the avatar to all the accounts again? A style change I made is showing up though. I have cleared browser cache.

Thanks
Regards
Chris

do I need to add the avatar to all the accounts again?

Sorry yes, because the thumbs is stored with old size.

Hi I have tried deleting the avatar from the user account back end then uploading a new one with a different file name then saving but the thumb is remaining the same size on the agents list page.

Would I need to delete the original generated thumbs off the server maybe?

Thanks for the help.

Chris

Hi I have had a look at the thumbs on the server and tried deleting but it doesn't seem to help though the new "mini" thumbs created are the new dimensions but they still display the smaller size??

Thanks
Chris

Hi, you should have a template override for easy profile, so on your HTML I see for avatar container something like this style:

display: inline-block; position: relative; margin: 0px 10px 0px 0px; padding: 0px; max-width: 100%; max-height: none; width: 50px; height: 50px; float: left; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 40px inset; transition: all 0.5s ease, width 0ms, height 0ms; -webkit-transition: all 0.5s ease, width 0ms, height 0ms; background-image: url(http://www.3optionsrealty.com/images/profiler/avatar134mini_295c63cf58209a91f622e0eae13f13f7.jpg); background-position: 50% 50%; background-repeat: no-repeat;

Still your container have a class "cis-styled-image" and in your HTML there is a CSS statement:
.cis-styled-image {
background-size: 100% 100%;
}

So your image are always 50x50 pixel independently from real size.

I found this from your site link in another post

Hi, I needed to update the the file /components/com_jsn/assets/css/style.css from

.jsn_listprofile .avatar {width: 50px;float: left;margin-right: 10px;}

to

.jsn_listprofile .avatar {width: 90px;float: left;margin-right: 10px;}

I seem to be able to continue to use the image styling without issue.

Thanks
Chris