Edulif Carousel COlours - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Edulif Carousel COlours

J

johnny

Template 3 years ago

Edulif template.

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

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94806

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!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94796

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!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94798

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; }
0
J
johnny
Accepted Answer
3 years ago #94804

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?

0