Some buttons are completly green without white text

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

  • Avatar: stefan
    stefan
    Participant
    September 8, 2023 at 14:07

    Hi,

    Some of the buttons on my website (see the cart as an example, you have to pick an product first) are completely green, but there is no white text inside. I checked the option in the xstore settings, but all the buttons seem to have the same configuration. How can I change this?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 8, 2023 at 14:39

    Hello, Stefan,

    Thank you for contacting us and for using XStore.

    The button you have mentioned is incorporated by a third-party plugin. To modify the text color on this button, please utilize the following custom CSS code:

    .widget_shopping_cart_content .wsc_share_cart {
        color: white;
        border-color: transparent;
    }

    Kind Regards,
    8theme team

    Avatar: stefan
    stefan
    Participant
    September 8, 2023 at 15:14

    That works in the pop up (ajax) cart window, but not on the full page cart. Can you tell me how you identify the particular items? Than I can adjust all the buttons myself 🙂

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 9, 2023 at 06:26

    Hello, @Stefan,

    We are pleased to hear that the custom CSS code we provided has successfully resolved your issue with the Mini Cart.

    To address your issue on the Cart page, we kindly request you to copy and paste the following CSS code into the Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Please ensure to clear your browser cache before checking your site again.

    Here is the CSS code:

    .fc-cart-contents-actions span.wsc_save_share_cart_btns a.button.wsc_share_cart {
        color: #fff !important;
    }

    For your reference, we have attached a screenshot: https://postimg.cc/0MvqHr1m

    If you prefer to attempt this on your own, you will need to apply the CSS code to the main class of the element by inspecting it in the browser. For further learning, we recommend referring to W3schools: https://www.w3schools.com/css/

    We trust this information will be of assistance to you. Should you require further support, please do not hesitate to contact us.

    Best Regards,
    8Theme’s Team

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

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

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.