You can customize the colors of the next and previous arrows in your Moast carousel using custom CSS in the app block settings.
Steps:
Go to your Shopify theme editor and open the Moast app block settings.
Find the Custom CSS box.
Copy and paste this code:
.carousel__next,
.carousel__prev {
background-color: #f8f3ec;
}
.carousel__next svg,
.carousel__prev svg {
fill: #241023;
}
/* Hover color */
.carousel__next:hover,
.carousel__prev:hover {
background-color: #f8f3ec;
}
.carousel__next:hover svg,
.carousel__prev:hover svg {
fill: #241023;
}Change the hex codes to your desired colors.
Default color: Change the first section.
Hover color: Change the hover section.
If you want the hover color to stay the same, just use the same color in both sections.
Save your changes. Now your carousel arrows will match your store’s colors exactly how you want them.
