Changing Product Carousel Arrows with Custom Image

Hi there!

I am looking to use custom arrow images on my carousel within each of my product pages on my site (see attached). I can't seem to hide the default arrows and replace them with my images.

Any help? It would be much appreciated!

You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, please share link to a product, I can check again easier.

button.ProductItem-gallery-next:after, button.ProductItem-gallery-prev:after {
    display: none !important;
}
button.ProductItem-gallery-next {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2024_04/StintsArrow_RIGHT.thumb.png.2cee83fbaecf030c2d24e60c24363d80.png);
}
button.ProductItem-gallery-prev {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2024_04/StintsArrow_LEFT.thumb.png.56fc7339c93f372fddaf8e32b259ae5a.png);
}

Thanks for the reply. I tried the code and sadly it didn't work. Here is a link to a product page that includes the carousel: https://marlin-alligator-mw65.squarespace.com/shop/p/spring-bowl-rltkk-jy5sr-fjw6l-dp8lg-fbmgj-cs6n2-zpp9a-x7c9k-c68b7-p3yb8

I am hoping to have these custom arrows on every product page. Thanks for your support and hope to hear back soon.

On 4/29/2024 at 8:16 PM, stewartcnr said:

Thanks for the reply. I tried the code and sadly it didn't work. Here is a link to a product page that includes the carousel: https://marlin-alligator-mw65.squarespace.com/shop/p/spring-bowl-rltkk-jy5sr-fjw6l-dp8lg-fbmgj-cs6n2-zpp9a-x7c9k-c68b7-p3yb8

I am hoping to have these custom arrows on every product page. Thanks for your support and hope to hear back soon.

Your site is private, you can follow this guide to share correct url.

Oh my apologies! I have set up a password protected version of the site now and reattached the link here - https://marlin-alligator-mw65.squarespace.com/stints/p/aftersun

Password is - stewartstints23

Thanks again and I hope to hear if you can help me out soon!

Absolutely perfect! Thanks so much for your help, all the best.