Making Carousel titles appear over the preview images.

Hello I am creating Carousel with upcoming events and would like Event Titles to appear over cover images (like poster) instead of being under the picture.

Please advise on how to make this happen. See attached image as an example of desired result.

I am using Squarespace 7.1

Hi,

Summary Carousel, Gallery Block Carousel, List Carousel or which?

Can you share link to page where you use carousel? We can check easier

10 hours ago, tuanphan said:

Hi,

Summary Carousel, Gallery Block Carousel, List Carousel or which?

Can you share link to page where you use carousel? We can check easier

Hey. I am currently using List Section (where I have to manually add items) - see attached file 1.

I am willing to use Summary block instead. Whichever is easier to customize I guess.

Here is a link - https://bear-ranunculus-8ncx.squarespace.com 
pass: 3191

As of now I am just using cards option (see attached image 2).

Thank you for your interest.

Add to Design > Custom CSS

/* List Carousel - Text over image */
.user-items-list-item-container[data-section-id="62ca721c0690575463766f22"] {
.list-item-content {
    position: absolute;
    bottom: 20px;
    z-index: 9999;
    background-color: rgba(255,255,255,0.25);
}
li.user-items-list-carousel__slide.list-item {
    padding: 0 !important;
}
.user-items-list-carousel__media-container {
    margin: 0 !important;
}}