Color of Silder Backround

[yannickzs]

Hey Armin,

first of all: Thanks for the awesome theme!

I wanted to change the backgrounds of my carousels individually, as you described in http://laythemeforum.com:4567/topic/1035/carousel-text-slide-background-color/2

Unfortunally I can't seem to make it work. It does work if I use the code:

.lay-carousel-slide:nth-child(2){
background-color: #f4b43f;
}

But if I give a class to an individual silder, like this it doesn't work:

.mediadruck:nth-child(2){
background-color: green;
}

Weirdly if I set the "nth-child" to 1 the whole element including the captations on the bottom turn green.

Any ideas what my problem might be?

Thank you!

[mariusjopen]

Dear @yannickzs

can you post a link to your website?

Then we will have a look.

Best!

Marius

[yannickzs]

Hey @mariusjopen,

it's not finished yet, but here is a link:
http://yannickzurstrassen.com/
I hope you can help.

Thanks!

[mariusjopen]

Dear @yannickzs
I can see that you made it work, right?

.lay-carousel-slide:nth-child(4) {
    background-color: #f4b43f;
}

Best!

Marius

[yannickzs]

Hey @mariusjopen I had that before, but I wanted to have a different background colour for different carousels. But when I give them a class or id it doesn’t seem to work. The overall colour works but it doesn’t show the individual colours.

[mariusjopen]

Dear @yannickzs
I just tested.

This works fine:

.lay-carousel-slide:nth-child(1) {
    background-color: red;
}

.lay-carousel-slide:nth-child(2) {
    background-color: yellow;
}

Best!

Marius

[yannickzs]

Hey @mariusjopen,
sorry... still not what I meant. I was wondering if it was possible to have different colors at different carousels, not slides. Say one carousel is project one and another carousel is project two. I want the second slider in both carousels to be colored. In carousel one green and in carousel two red. I was trying to give them a different id but it didn't work (the slider just had a white background), Is there a solution?
Sorry if I was unclear.

[mariusjopen]

Dear @yannickzs
ok. I get it now.

#car_1 .lay-carousel-slide:nth-child(2) {
    background-color: red;
}

#car_2 .lay-carousel-slide:nth-child(2) {
    background-color: yellow;
}

You could give each carousel an ID by right clicking on it in the Gridder.

Let me know if that works.

Best!

Marius

[yannickzs]

@mariusjopen you are the best! It worked. Thanks so much.
I forgot the ".lay-carousel-slide" after the id.

[mariusjopen]

Dear @yannickzs
great! Happy to hear :-)

Marius