How can I change the checkout button text color without affecting other buttons?

Solved

How can I change the checkout button text color without affecting other buttons?

le_X_Atelier_
Excursionist
71 0 8

Hey everybody i have a problem with the white button on the pop up window on the right. If i change this color to black the colors from the black buttons also change to black so you can't read the text on the black buttons so i need a code to transform the text of the white button into black color and that only this button changes his color and not the other ones. 

 

Bildschirm­foto 2023-01-28 um 23.14.28.png

Hopefully you can help me with this. 

Thanks!

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @le_X_Atelier_ 

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file -> Save

 

a[href="/cart"] {

    color: black !important;

}

PageFlyVictor_0-1674990171069.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

 

View solution in original post

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @le_X_Atelier_ 

This is Victor from PageFly - Shopify Page Builder App

 

Please share with me the URL - and password if password protected.  

Await for your response

 

Best regards,

Victor | PageFly

le_X_Atelier_
Excursionist
71 0 8

www.le-x-atelier.com

PW: djerba

 

thanks

 

PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @le_X_Atelier_ 

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file -> Save

 

a[href="/cart"] {

    color: black !important;

}

PageFlyVictor_0-1674990171069.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

 
le_X_Atelier_
Excursionist
71 0 8

thanks works great but I think the product name and the image should be displayed again but somehow you see the image only as a line and no text? What can you do there that the decent display?

 

Bildschirm­foto 2023-01-29 um 12.57.44.png

 

I hope you understand my problem, thanks for your help!

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @le_X_Atelier_ 

Sorry for missing your message.
I checked this and noticed that you are currently setting the add to cart button to go to the cart page when it is clicked.
So now it can't show the popup and I can't check it.