Hoping to change the color of the product carousel arrows on shop page without interfering with other code

Jacobfl · January 13, 2023

I want to continue to use the "simple" format on the shop pages so that I can keep the look on desktop.

But, on mobile I cant figure out how to change the arrow colors from black to preferably white so that they show against the darker product photos

Any help appreciated!

Ziggy · January 13, 2023

Shouldn't be a problem, add this code to your Custom CSS:

@media only screen and (max-width:749px) {
  .ProductItem .product-item-gallery-carousel-control::after {
    border-color: #fff;
  }
}

Let me know if that works for you, and give me a thumbs up, thanks!

Jacobfl · January 13, 2023

Exactly what I needed. Thank You!

Recommended Posts