Increase size of product gallery arrows without affecting highlighted products

Hey, you gave me this code to increase the size of the main product gallery arrows and it worked perfectly:

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

The only problem is that it also increased the arrow size for the highlighted products widget, which does not look good at all. How do I prevent the css you gave me from styling the arrows on the highlighted products widget? I only want the larger size for the main product gallery arrows. Disabled the live css for now.

Looking forward to hearing from you. See screenshots for clarification.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Try to remove the previous code and add the following custom css code in Theme Settings > Custom CSS > Global CSS area.

.single-product .woocommerce-product-gallery .wd-nav-arrows {
    --wd-arrow-width: 50px;
    --wd-arrow-height: 40px;
    --wd-arrow-icon-size: 35px;
}

Best Regards,

Works perfectly, thank you so much.

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts