How to change the style of carousel control

Hi there,

You can try this CSS, and adjust the values according to your design.

:where(.gb-carousel-pagination)[data-pagination-type=progressbar] .gb-carousel-pagination-progressbar-fill {
    background-color: red;
}
.gb-carousel-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    background-color: rgba(0, 0, 0, 0.1);
    height: 10px;
    max-width: 100%;
    border-radius: 2px;
}

Hi there,

First, select the Carousel block and set its Position to Relative.

Next, select the container holding the arrows and set its Position to Absolute, Inset > Top to 30%, Width to 100%, and Z-Index to 1.