Since Moodle 3.5 bootstrap carousel is broken

Re: Since Moodle 3.5 bootstrap carousel is broken

by Thomas Hucke -
Number of replies: 2

Hi Andreas.

Using Moodle 3.5+ Build 20180614 I have the same problem, Bootstrap 4 carousel is not moving. I modified the file moodle/theme/boost/scss/bootstrap/_carousel.scss according the the suggestions in the link but nothing changed. Do I have to do anything else beside of just changing this scss file?

Vielen Dank für eine Antwort.

Best regards,

Thomas.

In reply to Thomas Hucke

Re: Since Moodle 3.5 bootstrap carousel is broken

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

What code are you adding in to display the Carousel in the first place?

Have you added any extra CSS/SCSS in

Site Administration > Themes > Boost > Advanced settings > Raw SCSS

If not then try adding this and see if it helps?

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 3rem;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #abc;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

In reply to Thomas Hucke

Re: Since Moodle 3.5 bootstrap carousel is broken

by Andreas Grabs -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers Picture of Translators

Hi Thomas,

you have to clear the cache so the css is built again.
Btw. there is a fix coming up for moodle 3.5. It should be in the next release (I hope so).

Best regards
Andreas