Return to previous page

Single product page gallery, how to make arrows always visible ?

This topic has 2 replies, 2 voices, and was last updated 11 months ago ago by Tony Rodriguez

v4vonny

Participant

November 18, 2023 at 17:30

how to make arrows always visible in single product page ?
Now its only visible when mouse over

#374104 Copied Theme version: 9.1.14 WooCommerce version: 3.8.3

1 Answer
Tony Rodriguez

Support staff

November 20, 2023 at 09:53
Hello, @v4vonny,

We appreciate you reaching out to us and for your continued use of XStore.

For your convenience, please follow the instructions below to add custom CSS to your site:

1. Go to XStore > Theme options > Theme Custom CSS > Global CSS.
2. Insert the following code:
```
.single-product .arrows-hovered .sm-arrow, .arrows-hovered > .swiper-container .swiper-custom-left, .arrows-hovered > .swiper-container .swiper-custom-right {
    opacity: 1 !important;
    visibility: visible !important;
}
```
3. After adding the custom CSS, kindly clear your browser cache and revisit your site to see the changes.

Should you need any additional support or have any questions, please feel free to contact us. We are here to assist you.

Warm regards,
The 8Theme Team
#374163 Copied
Tagged: customize woocommerce, e-commerce solutions, improve user experience, product page gallery, visible arrows, woocommerce, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘single product page gallery, how to make arrows always visible ?’' has been successfully resolved, and the topic is now closed for further responses

Single product page gallery, how to make arrows always visible ?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection