Add-on "Clients" - Display Images In Original Size
Domberg
I've integrated images via the "Clients" add-on. The original size of the images is 240x60px. However, some images appear in a different "rendered" size, e.g., 210x53px. Where can I configure the images to appear exactly in their original size and not be resized?
Joomla 5.3.0 - Helix Ultimate 2.1.2 - SPPagebuilder Pro 5.5.4
Ziaul Kabir
Accepted AnswerHello Domberg,
Thank you for reaching out to us. Could you please provide access to your website firewall so we can review and address the issues more effectively?
Looking forward to your response.
Best regards,
Domberg
Accepted AnswerThanks -
Domberg
Accepted Answer Ziaul Kabir
Accepted AnswerYou are using 4 items within this container, so they automatically adjust their width based on the container’s size. As a result, the images may shrink in width and height.
To fix this, you have two options:
- Increase the width of the container to allow more space for each item.
- Apply custom CSS to maintain the exact width and height you want for the images.
Ziaul Kabir
Accepted AnswerHello,
Currently, each image width is 240px, just use this css in your custom css to make them fit according to div, follow this guide to add them: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
.sppb-addon-clients .sppb-carousel-extended-item img {
width: 100%;
object-fit: cover;
height: 100%;
}Thanks
Domberg
Accepted AnswerUnfortunately, no success. I followed the steps described and adjusted the custom CSS.
--- /Large Image Addon Clients/ .sppb-addon-clients .sppb-carousel-extended-item img { width: 100%; object-fit: cover; height: 100%; } ---
Unfortunately, no change - it doesn't work. For example, the image on the far right ("Stadtapotheke") is displayed incorrectly:
--- Rendered size: 278 × 69 px Rendered aspect ratio: 278 × 69 Intrinsic size: 240 × 60 px Intrinsic aspect ratio: 4 × 1 File size: 10.1 kB Current source: https://2025.streuobstwiesen-boerse.de/images/banners/Sponsoren/4x1%20stadtapotheke.jpg ---
Which more settings do I need to make and where?
Thank you for your patience
Domberg
Accepted AnswerNow I have solved the problem. Thank you very much for yuor help and asistence.
Domberg
Accepted AnswerNow I'm frustrated by the following problem:
I want to display four small graphics (advertising banners). I solved this with the "Clients" add-on, and it works perfectly, including the desired rotation.
This applies to the desktop display. However, when displayed on a mobile device, the graphics are enlarged... I want the following:
On a large screen width, four graphics should be displayed next to each other, rotating, on a slightly smaller screen width, two, and one on a mobile device.
Are there any tips/help on how and where I can implement this?
Where can I set the values for responsive screen widths?
Ziaul Kabir
Accepted AnswerIn clients addon go to settings -> options -> enable use as carousel then you can set device specific items in Items Per Slide.
Check the screenshot and also you can check this documentation: https://www.joomshaper.com/documentation/sp-page-builder/clients
Thanks