Changing color of arrows

Hi

May I know how I can change the color of slider arrows in the Quick View (see screenshot)? Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Define the code below in Theme Settings -> Custom CSS, cleat the cache and check how it works.

.product-quick-view .woocommerce-product-gallery .wd-arrow-inner {
    background-color: #333;
    color: #fff;
}

.product-quick-view .woocommerce-product-gallery  .wd-arrow-inner:hover {
    background-color: #333;
    color: #fff;
}

Kind Regards

Okay this is great. But the background/arrow is a bit big, covering parts of the photo. Is it possible to make the size the boxed background and arrow inside about 80% of the current? So it isn’t so obstructive. Thank you.

Also, while we are at it, is it possible to make the background round instead of a square? Thank you!

Hello,

You can disable the bg color by removing those values – https://take.ms/4XoP3

To make buttons rounded, just add to the above code the border-radius: 15px; property.

Kind Regards

[Author]

Posts