Solved Templates

Edulif Carousel COlours

Asked by johnny 3 years ago Last activity 3 years ago

Edulif template.

Where do I change the colours of the scrolling carousel items? see image https://imgur.com/a/8w7bVNH

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago

Use this same color everywhere, for example, grey.

You have you override all classes that I already mentioned, otherwise it will not work.

Comment out will not help in that case!

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Hi Johnny,

only via custom CSS, override-change default line colors (blue, orange, purple)

.edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item::after {
  background-color: #1cbef0; }


    .edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item:nth-child(2n)::after {
  background-color: #f7bb00;
}

.edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item:nth-child(3n)::after {
  background-color: #7b1fff;
}

use solid name colors or hex # colors!

Paul Frankowski Senior Staff
3 years ago

and student Names colors:

.edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item .sppb-testimonial-carousel-name-designation .sppb-testimonial-carousel-name
{ color: #1cbef0; }


 .edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item:nth-child(2n) .sppb-testimonial-carousel-name-designation .sppb-testimonial-carousel-name
 { color: #f7bb00; }


.edulif-university-home-testimonial-wrapper .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item:nth-child(3n) .sppb-testimonial-carousel-name-designation .sppb-testimonial-carousel-name 
{ color: #7b1fff; }
johnny Asked this
3 years ago

Thanks Paul,

What if I want the line colours and student names to be the same colour, I don;t need multiple colours. Do I just use the first line of the css and comment out the rest?

Log in to reply.