-
Posts
-
Hi,
My testimonials are showing like this: http://d.pr/i/vDXm/1KyZpVno
Before it was working fine with a perfect circle.Any idea of what caused this?
Thank you
Hey!
Please use this on Enfold > Styling > Quick CSS:
.avia-testimonial-image img { width: 100%; height: 100%; } .avia-testimonial-image { width: 80px; height: 80px; border-radius: 80px; z-index: 20; position: relative; }Regards,
IsmaelHi Ismael,
The problem is that the thumbnails are not rectangular but they have something like 100×80 px
The code provided fixed the circles but the images get with a strange aspect ratio. Any chance to resize the image inside to something like 80×65? instead of 80×80?Thank you
Hey!
Perfect circle would be 80x80px. But you can add following code to Quick CSS to change the ratio to 100x80px
.avia-testimonial-image { width: 100px; height: 80px; } @media only screen and (max-width: 480px) { .avia-testimonial-image { width: 200px!important; height: 200px!important; }}Regards,
YigitHi Yigit,
I guess I didn’t explain myself properly.
The circles should be perfect i.e. 100×100 or 80x80px but the images inside these circles are NOT perfect squares. The ratio is 100x80px so… How can I add the right image rectangle ratio inside a perfect circle?
It seems the system is ready to work with perfect squared images (80×80 by default) which doesn’t serve my purpose here.
Any ideas?
Ok,
I decided to upload the same image twice, one with 80×80 (for the testimonials only) and another one with 100×80 ratio and the problems is solved.
Easier this way.
Thank you.
- The topic ‘Perfect circles on Testimonials' icons’ is closed to new replies.