Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Displayed contact picture

More
11 years 2 months ago #1700 by esric
Displayed contact picture was created by esric
Hi

I have just installed Trombinoscope Extended. I have uploaded a contact picture and it is attached the contact. It has been sized to 100 x 120 px (w x h). However, it appears distorted in the displayed vcard (see attachments). Hope you can help.






Attachments:

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #1701 by admin
Replied by admin on topic Re: Displayed contact picture
Hello,
have you tried the 'crop' option? That will create a thumbnail of your image at the right size.
What browser were you using?
I will try to reproduce your issue, that should be a simple CSS fix (hopefully).
Olivier.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #1705 by admin
Replied by admin on topic Re: Displayed contact picture
I have not been able to reproduce the problem so far. Is there a way you can provide a live URL? Thank you.
Olivier.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #1706 by esric
Replied by esric on topic Re: Displayed contact picture
I tried with and without the crop option and there was no difference. The problem is present in both Chrome and Safari on a Mac. The page was only visible to registered users but I have temporarily made it public. The url is:

www.esric.org/steering-committee.html

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #1707 by admin
Replied by admin on topic Re: Displayed contact picture
Great thanks, that helps!
Your template is the source of the problem. It overrides styles from Trombinoscope. It re-sizes images in tr_gantry/css/custom.css (through .component-content .picture img and #rt-mainbody img).
Add
.trombinoscopeextended_component .picture img {
    max-height: 120px;
    max-width: 100px !important;
    height: 120px !important;
    width: 100px !important;
    padding: 0 !important;
}
to override them.
Olivier.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #1708 by esric
Replied by esric on topic Re: Displayed contact picture
That fixed the problem. Thanks for your help

Please Log in or Create an account to join the conversation.