Change color of the arrows in Related Products

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

  • Avatar: Boddicker
    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,

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Tony Rodriguez
    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.
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

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