Dawn Theme: How to change the color of the View My Cart button?

Store Design
1

Hi evryone,

When I click on the “Add to Cart” button a popup opens up with a “View My Cart” button (Afficher mon panier):

Mike5241_0-1674988975787.png
Mike5241_0-1674988975787.png790×361 36.4 KB

I’m trying to change the color of this button and tried the following in component-cart-notifications.css but it didn’t work:

.cart-notification-form .button–full-width {
background-color: green !important;
color: black !important;
}

Could someone please tell me what’s wrong in this code?

Thank you very much.

2

Hi @Mike5241

This is Victor from PageFly - Landing Page Builder App

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#cart-notification-button {

background-color: green !important;

color: black !important;

}

PageFlyVictor_0-1674989879040.png
PageFlyVictor_0-1674989879040.png395×313 10.1 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

2 Likes
3

Hi Victor,

That’s fantastic! It worked:

Mike5241_0-1674991203079.png
Mike5241_0-1674991203079.png680×385 32.6 KB

I’d like to also remove the black border, I tried by adding box-shadow: none !important; but it didn’t work:

a#cart-notification-button {
background-color: #6BDC9C !important;
color: white !important;
box-shadow: none !important;
}

Thank you very much!

4

This is awesome it worked but how do I change the font color of that button to white like the rest.