Carousel Banner: center image

Hi,

I have a few banners that vary in width. On my site I want to show them one by one (and rotate them). It seems that each image is shown 'left-aligned'. See the (too large) space to the right of the photo in the attached example. I hoped that carousel banner would center them. Am I doing something wrong?

Regards,
Wilbert
 
2 years 10 months ago - 2 years 10 months ago #1 by Wilbert Alberts
Attachments:
Last edit: 2 years 10 months ago by Wilbert Alberts.
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5474) Offline
Hi, the CSS is probably overridden by your template's CSS. Please tell me your website URL
2 years 10 months ago #2 by TemplatePlazza
The topic has been marked as resolved.
Hi,

Very well possible. I set the site online (was local until now). You'll find it at: popkoortheinspiration.nl/J5/index.php
Site is based on Joomla 5. Template has been created with Template toaster (which seems to be based on Bootstrap 5). 

The template distinguishes 'mobile', 'tablet' and 'computer' widths. The problem is only visible when in 'computer' width. 

Regards and happy days,
Wilbert 
2 years 10 months ago #3 by Wilbert Alberts
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5474) Offline
Hi, I'm sorry the delay. I missed your reply.
Anyway, regarding your problem, try to add this code to your template's css file :
.banneritem-inner img {
         max-width : 100%!important;
    }
2 years 10 months ago #4 by TemplatePlazza
The topic has been marked as resolved.
That one seems to do the trick!

Many thanks!

Regards,
Wilbert
2 years 10 months ago #5 by Wilbert Alberts
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5474) Offline
Glad it works!
File Attachment:
2 years 10 months ago - 2 years 10 months ago #6 by TemplatePlazza
Last edit: 2 years 10 months ago by TemplatePlazza.
The topic has been marked as resolved.
Powered by Kunena Forum