Return to previous page

Customisation of text in the cart page - by Inesita

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

Inesita

Participant

February 23, 2023 at 19:03

Hi I would like to change the pink text on the green button to white on green (please see image attached).
Thanks,
Inés
https://postimg.cc/dkVYScL3

#347838 Copied Theme version: 9.0.3 WooCommerce version: 7.4.0

5 Answers

Tony Rodriguez

Support staff

February 24, 2023 at 09:56

Hello, @Inesita,

In order to change the color of the “Proceed to Checkout” button/text on the Cart page, please navigate to XStore > Theme Options > Styling/Colors > Dark buttons. There, you can select the colors of your choice. Please refer to the following image for reference: https://postimg.cc/v41jR3tT

Best Regards,
8Theme’s Team

#347874 Copied

Inesita

Participant

February 24, 2023 at 13:56

Hi Tony!
thanks for your message. This is exactly the problem: I did it this way but it doesn’t seem to respond to my settings as you can see in the screenshot attached. https://postimg.cc/hz1V5WJJ
I set the background to green and the text to white and the text appears pink. Any idea why and ho to change it?
Thanks,
Inés

#347900 Copied
Tony Rodriguez

Support staff

February 24, 2023 at 14:48
Hello, @Inesita,

Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS, then clear your browser cache to view the changes:
```
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward.wp-element-button {
    color: white !important;
}
```
Note: You can change the color in the above CSS as per your needs.

Thank you.
Best Regards,
8Theme’s Team
#347908 Copied
Inesita

Participant

February 24, 2023 at 15:06

Thank you so much Tony that solved my problem. But is there an (easier) way to configure it? I don’t want to bother you with support tickets any time I want to change a button color… And shouldn’t it work form the fonts & styles area?
Best regards,
Inés
Or you send me a link to an introductory CSS course… 😉

#347913 Copied

Tony Rodriguez

Support staff

February 24, 2023 at 16:31

Hello @Inesita,

We regret to inform you that there is no other way,

To learn CSS the resources are provided by https://www.w3schools.com/css/.

We are delighted to have been able to assist you in resolving your issue and we are always here to help you should you need any further assistance.

Thank you for contacting us. Have a nice day.

This topic is now closed.

Best Regards,
8Theme’s Team

#347919 Copied
Tagged: cart, customisation, page, templates, text, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)