Home › Forums › WoodMart support forum › Changing color of arrows

Changing color of arrows

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 18, 2024 at 2:15 pm #598291

    nikkylikescoffee
    Participant

    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.
    September 19, 2024 at 9:09 am #598472

    Luke Nielsen
    Keymaster

    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

    September 21, 2024 at 3:14 pm #599096

    nikkylikescoffee
    Participant

    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.

    September 21, 2024 at 3:18 pm #599097

    nikkylikescoffee
    Participant

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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)