Question About Changing Price Display Colors

This topic has 8 replies, 3 voices, and was last updated 1 years, 6 months ago ago by Andrew Mitchell

  • Avatar: Alpha111
    Alpha111
    Participant
    June 3, 2024 at 03:24

    I hope you’re doing well. I have a question about adjusting the color scheme for the prices displayed on our website.

    Can we change the color of both the actual price and the promo price to #282D8F?
    Is it possible to display the bared (crossed-out) price in grey?

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 3, 2024 at 05:38

    Hello, @Alpha111,

    Thank you for contacting us and for using XStore.

    Upon reviewing your website, we have observed that the product prices are currently displayed in the color #282D8F, and the crossed-out prices are shown in gray. For your reference, please view the image provided in the private content area.

    To further assist you, could you please provide additional instances where the product price does not appear in #282D8F? Kindly include the Page URL and a screenshot for each instance so that we can investigate and provide the necessary support.

    We appreciate your cooperation and look forward to your response.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Alpha111
    Alpha111
    Participant
    June 3, 2024 at 05:41

    This as an example the old price is not grey

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 3, 2024 at 06:26

    Hello, @Alpha111,

    We are reaching out to kindly request an update to the CSS settings in your Xstore theme to modify the color of the old price listings on your website.

    Please follow these steps to implement the necessary changes:
    1. Navigate to Xstore > Theme Options.
    2. Select Theme Custom CSS.
    3. Click on Theme Global CSS.
    4. Insert the following CSS code:

    del .woocommerce-Price-amount bdi {
        color: #555555 !important;
    }

    You can preview the expected result by visiting this link: (https://paste.pics/edit/R37N9)

    This adjustment will ensure that the old prices across your entire site are displayed in gray, enhancing the visual consistency of your pricing information.

    Should you need any further assistance or have any questions regarding this process, please feel free to contact us at any time. We are here to support you.

    Best regards,
    The 8Theme Team

    Avatar: Alpha111
    Alpha111
    Participant
    June 3, 2024 at 12:10

    how to make the line also same color ?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 3, 2024 at 12:36

    Hello, @Alpha111,

    Thank you for contacting us and for using XStore.

    To change the color of the line in your XStore theme, please follow the steps below:

    1. Navigate to XStore > Theme Options.
    2. Select ‘Theme Custom CSS’.
    3. Click on ‘Global CSS’.
    4. Insert the following CSS code:

    .price del {
        text-decoration-color: #555555;
    }

    Should you require any further assistance or have additional queries, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Avatar: Alpha111
    Alpha111
    Participant
    June 3, 2024 at 12:40

    thank you

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    June 3, 2024 at 12:40

    Dear Alpha111,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Question About Changing Price Display Colors’' has been successfully resolved, and the topic is now closed for further responses

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