CHANGING ARROW SIZE ON PRODUCT PAGE AND REMOVING BACKGROUND

Hello! Please could someone help me with how to make these arrows smaller and take away the background colour so it is just the arrow please? Thanks!

Hi,

Can you share link to product in screenshot? We can help easier

On 1/14/2023 at 7:01 PM, tuanphan said:

Hi,

Can you share link to product in screenshot? We can help easier

Hi I got the same question, could you help me please ? 

https://www.goddessandmaker.com/works/p/virgo-no1-lcrbc-ppnsj-nbptd-a3zf8

On 1/19/2024 at 9:50 AM, unclesam622 said:

Hi I got the same question, could you help me please ? 

https://www.goddessandmaker.com/works/p/virgo-no1-lcrbc-ppnsj-nbptd-a3zf8

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control:after {
    border-width: 3px 3px 0 0 !important;
    width: 2vw;
    height: 2vw;
}}

To change size, use above code

With color, I don't see arrows on mobile. Can you check it again?