Adjusting Arrow Size, Color and Thickness On A Product Carousel

Hi, Add to Design > Custom CSS

.ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::before {
    border-color: green;
    border-width: 5px 5px 0 0 !important;
}

@tuanphan

Is it possible to make them smaller? or replace with a different arrow? 

On 1/21/2022 at 7:02 PM, failbetter said:

@tuanphan

 

Is it possible to make them smaller? or replace with a different arrow? 

The url doesn't exist

https://reviverestoreco.com/shop/p/buddhas-triangle-bracelet-set

I'm trying to do it here too - https://www.sucoca.com/shop/p/handmade-chocolate

any ideas? @tuanphan

15 hours ago, failbetter said:

I'm trying to do it here too - https://www.sucoca.com/shop/p/handmade-chocolate

any ideas? @tuanphan

 

Add to Design > Custom CSS

/* Individual Products - Slideshow arrows */
div.ProductItem-gallery-carousel-controls button {
    width: 50px !important;
    height: 50px !important;
    min-height: unset !important;
}
.ProductItem .product-item-gallery-carousel-control::after {
    width: 30px !important;
    height: 30px !important;
}