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
 
11 months 4 weeks ago - 11 months 4 weeks ago #1 by Wilbert Alberts
Attachments:
Last edit: 11 months 4 weeks ago by Wilbert Alberts.
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5260) Offline
Hi, the CSS is probably overridden by your template's CSS. Please tell me your website URL
11 months 4 weeks 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 
11 months 3 weeks ago #3 by Wilbert Alberts
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5260) 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;
    }
11 months 3 weeks ago #4 by TemplatePlazza
The topic has been marked as resolved.
That one seems to do the trick!

Many thanks!

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