• Open
• Stefan Scheiben

  Spectator

  May 26, 2021 at 8:12 pm #46356

  

  Hello, unfortunately I am not familiar enough with bootstrap size options to really see if it is a bug or a feature, but I have an issue with the sizing of the bootstrap slider in my start page.
  When I start configuring it, the slider height matches the image height (or at least the ratio, as the image is scaled to 100% width). That is the perfect look I want the slider to have, as seen on this screenshot:

  https://drive.google.com/file/d/12_u1zlpd7CZBwlE7Hi5RbjmYCePtM1Pw/view?usp=sharing

  Unfortunately when the next silde comes (the image size is 100% identical), the slider increases its height, pushing the content down and making the slider background visible.

  https://drive.google.com/file/d/15TQVxjlhPurhp6GcesakludWv3x63jWP/view?usp=sharing

  When changing, this also applies to the first image, which worked well before changing: https://drive.google.com/file/d/1HQmlXj6PjOROoL-4acGRH7ggpJcaZ9DS/view?usp=sharing

  What is the reason for this, and is there a way to prevent this from happening? Maybe increasing the image height of all silders could work, but that would not be the look I am going for.

Evgeny
Keymaster
Posts: 988
May 26, 2021 at 10:55 pm #46358

Hi. Please try the following, add this to your Additional CSS:
#bootstrap-slider .carousel-inner {
max-height: 188px;
}
If it doesn’t work, I will have to take a look, so maybe you could set up the website somewhere where I can get access to it and have a look.
Stefan Scheiben
Spectator
Posts: 1
May 27, 2021 at 7:30 pm #46369

Perfect, thanks a lot!
That worked absolutley flawless on the first try.
Evgeny
Keymaster
Posts: 988
May 28, 2021 at 9:16 am #46373

great! Happy to hear that.

You must be logged in to reply to this topic.