Increase size of product gallery arows

Hello, I wish to increase the size of my product gallery arrows. How do I do this? Looking forward to hearing from you

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product .thumbs-position-left .wd-thumb-nav {
    --wd-arrow-width:50px; 
    --wd-arrow-height: 40px; 
    --wd-arrow-icon-size: 25px; 
  }

Best Regards,

Hey, thanks for getting back to me so quickly. This works great, but I only want to increase the size of the arrows on the main image, not the thumbnail arrows. See screenshot for clarification. Sorry for not specifying this before.

Attachments:

You must be logged in to view attached files.

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product .wd-nav-arrows:not(.wd-thumb-nav) {
    --wd-arrow-width: 50px;
    --wd-arrow-height: 40px;
    --wd-arrow-icon-size: 35px;
}

Best Regards,

Thats great, thank you so much!

Hello,

Sounds great that your issue has been solved.

You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts