Return to previous page

Reply 350417 to: How to make “Slider Arrows” for product navi more clear

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
March 18, 2023 at 08:30

Hello @NelsonTsai,

In order to make the Arrow style more visually prominent on mobile phones, we recommend that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site. The result should look like the image provided at the following link: https://postimg.cc/FdZrYsZg.

@media(max-width: 767px){
.arrows-hovered>.swiper-container .swiper-custom-right, .arrows-hovered>.swiper-container .swiper-custom-left {
    background-color: #000 !important;
    color: #fff !important;
}
}

Please note that you can change the color code in the CSS as per your requirements.

Best Regards,
8Theme’s Team

#350417
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.