Return to previous page

Change color of the arrows in Related Products

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

Boddicker

Participant

February 27, 2024 at 21:36

How do I change the color of the arrows in the “Related Products”? Can’t seem to find it. 🙁

Best regards,
Jesper

Files is visible for topic creator and
support staff only.

#385036 Copied Theme version: 9.2.9

1 Answer
Tony Rodriguez

Support staff

February 28, 2024 at 05:37
Hello, @Boddicker,

Thank you for contacting us and for using XStore.

Should you desire to modify the color of the arrows associated with the related products, kindly proceed by copying and pasting the CSS code provided below into the following location: XStore > Theme Options > Theme Custom CSS > Global CSS.
```
.single-product .swiper-custom-left, .swiper-custom-left:hover  {
   color: #e0ff1f !important;
}
 
.single-product .swiper-entry .swiper-custom-left, .swiper-entry .swiper-custom-right:hover {
      color: #e0ff1f !important;
}
.single-product .swiper-entry .swiper-custom-left, .swiper-entry .swiper-custom-right {
      color: #e0ff1f !important;
}
```
Please feel free to adjust the CSS color code according to your preferences.

We trust that this solution will address your concern effectively.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.
#385046 Copied
Tagged: change arrow color, related products, website design tips, woocommerce product display, woocommerce templates, wordpress customization, wordpress ecommerce
Viewing 2 results - 1 through 2 (of 2 total)