Arrow element in product section color change

This topic has 5 replies, 3 voices, and was last updated 12 months ago ago by Rose Tyler

  • Avatar: coffeedog
    coffeedog
    Participant
    November 25, 2023 at 11:42

    Hi where do I change the color of this element?

    more : https://prnt.sc/yt3BZb9Gtf8t

    4 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 25, 2023 at 13:34

    Hello, @coffeedog,

    Thank you for using our theme and for contacting us.

    We trust this message finds you well.

    Should you desire to alter the Prev/Next Navigation on the single product page, we kindly ask that you follow the steps outlined below:

    1. Please navigate to the “XStore” section within your dashboard.
    2. Proceed to “Theme Options.”
    3. Locate the “Theme Custom CSS” section.
    4. Select “Global CSS.”
    5. Copy the CSS code provided below and paste it into the designated area.
    6. Ensure to save your changes by clicking “Publish.”

    By implementing the aforementioned CSS code, we anticipate that it will effectively address your concern.

    .single-product span.post-nav-arrow {
        background-color: blue !important;
    }

    Note: You may change the color in CSS code as per your needs.

    Should you require any further assistance or have additional inquiries, please do not hesitate to reach out to us.

    Warm regards,
    The 8Theme Team

    Avatar: coffeedog
    coffeedog
    Participant
    November 25, 2023 at 16:20

    txh. please add the code for the articles

    Avatar: coffeedog
    coffeedog
    Participant
    November 25, 2023 at 20:19

    `.posts-nav-btn .post-nav-arrow {
    background-color: #DFCAAA !important;
    }

    I’m trying to do it myself and I can’t… I don’t know what I’m doing wrong

    I’m also looking for a solution to this : https://prnt.sc/UYjdCDEtwUDR

    I want it bigger and red

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2023 at 11:36

    Hello, @coffeedog,

    1/ https://prnt.sc/6e4xb5UVTsrI – as we can see, you already added the code – https://prnt.sc/R6gNwbJZFVMq and it works – https://prnt.sc/aExynOdCXAaZ

    2/ Please open up a new topic for a new question – https://www.8theme.com/forums/xstore-wordpress-support-forum/

    Warm regards,
    The 8Theme Team

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Arrow element in product section color change’' has been successfully resolved, and the topic is now closed for further responses

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