Hide carousel caption on project page

[ThomasH]

Hi There !

I'm trying to figure out how to hide a carousel caption on a "project" page.
Based on this documentation (https://laytheme.com/documentation/custom-css-styling.html), I've cooked this CSS, but I'm quite sure something's wrong with my slugs name... (sorry i'm a CSS beginner...)

.type-project id-412 slug-bouncing-patterns-accordion-stripes .lay-carousel-sink {
display: none;
}
Here is a link to the website's page : https://julietteberthonneau.com/bouncing-patterns-accordion-stripes/

Any help appreciated !

Thanks guys,
Thomas

[alasdair17]

@ThomasH hey, try adding !important after none :)

so like:

.type-project id-412 slug-bouncing-patterns-accordion-stripes .lay-carousel-sink {
display: none !important;
}

[ThomasH]

Hi @alasdair17

Thanks for your answer and time,
However it doesn't work.
Any other tip ?

Thanks
T

[alasdair17]

This post is deleted!

[alasdair17]

@ThomasH ah, maybe try this?

.type-project id-412 slug-bouncing-patterns-accordion-stripes .lay-carousel-sink .captions-wrap
display: none !important;
}

[arminunruh]

yea just do

.slug-bouncing-patterns-accordion-stripes .lay-carousel-sink {
display: none !important;
}

thanks for the help @alasdair17

[ThomasH]

Thanks a lot @arminunruh it works fine !
I've pasted it in "Custom CSS".
(in "custom CSS for desktop" it didn't worked)

[arminunruh]

great 😊