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 11 months ago - 1 year 11 months ago #1 by Wilbert Alberts
Attachments:
Last edit: 1 year 11 months ago by Wilbert Alberts.
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5393) Offline
Hi, the CSS is probably overridden by your template's CSS. Please tell me your website URL
1 year 11 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 11 months ago #3 by Wilbert Alberts
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5393) 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 11 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 11 months ago #5 by Wilbert Alberts
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5393) Offline
Glad it works!
File Attachment:
1 year 11 months ago - 1 year 11 months ago #6 by TemplatePlazza
Last edit: 1 year 11 months ago by TemplatePlazza.
The topic has been marked as resolved.
Powered by Kunena Forum