Change arrows position for Carousel layout)

Sometimes the navigation arrows are displayed on the review texts. To move them a bit further, the following CSS code can be used:

[class*="Carousel__CarouselArrowControlContainer-sc"]:first-child {
left: -30px;
}
[class*="Carousel__CarouselArrowControlContainer-sc"]:last-child {
right: -30px;
}
[class*="Main__Container-sc"] {
padding: 0 30px;
}

However, it’d be great if we can control it right in the widget settings. Thanks!

1 Like