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

Many thanks!

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