Place arrows outside of the review cards (Carousel layout)

CSS Codes Reviews
1

Add this code to the Custom CSS field on the Style tab of your Reviews widget’s settings:

[class*="Carousel__CarouselArrowControlContainer-sc"]:first-child {
left: -45px;
}
[class*="Carousel__CarouselArrowControlContainer-sc"]:last-child {
right: -45px;
}
[class*="Main__Container-sc"] {
padding: 0 45px;
}
.es-background-container {
  overflow: visible;
}
2

This code was working previously, but it is not functioning now. The placed carousel arrows are not showing at this time. Could you please check it? Thank you for your time and assistance!

2 Likes
3

Hey there, @TEAM_AWESOME :waving_hand:

Thanks for letting us know!

I’ve shared the code with the devs and I’ll get back with the updated version tomorrow :slightly_smiling_face:

1 Like
4

Hi there, @TEAM_AWESOME :waving_hand:

Here is the updated code:

[class*="Carousel__CarouselArrowControlContainer-sc"]:first-child {
left: -45px;
}
[class*="Carousel__CarouselArrowControlContainer-sc"]:last-child {
right: -45px;
}
[class*="Main__Container-sc"] {
padding: 0 45px;
}
.es-background-container {
  overflow: visible;
}

Please try it out and let me know if it helped :slightly_smiling_face:

1 Like