1. outtherechris
  2. Features Request
  3. Monday, September 01 2014, 05:23 PM
How do I go about making the thumbs on the lists pages bigger?

Thanks
Regards
Chris
Accepted Answer
admin Accepted Answer
Admin
Perfect,
Also you can add on your CSS template this
.jsn_listprofile .avatar {width: 90px !important;}
  1. more than a month ago
  2. Features Request
  3. # Permalink
admin Accepted Answer
Admin
Hi,
You can set size of thumb from avatar field.
  1. more than a month ago
  2. Features Request
  3. # 1
outtherechris Accepted Answer
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
  1. more than a month ago
  2. Features Request
  3. # 2
admin Accepted Answer
Admin
do I need to add the avatar to all the accounts again?
Sorry yes, because the thumbs is stored with old size.
  1. more than a month ago
  2. Features Request
  3. # 3
outtherechris Accepted Answer
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
  1. more than a month ago
  2. Features Request
  3. # 4
outtherechris Accepted Answer
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
  1. more than a month ago
  2. Features Request
  3. # 5
admin Accepted Answer
Admin
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 ;)
  1. more than a month ago
  2. Features Request
  3. # 6
outtherechris Accepted Answer
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
  1. more than a month ago
  2. Features Request
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.