We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change button border color

Solved

Change button border color

MT27
Pathfinder
170 6 16

Hi can you please help me change the color of the two buttons in the cart pop-up, to white thank you.

Pass: biangu

Url: www.matibrnd.com

MT27_0-1711643945532.png

 

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 300

This is an accepted solution.

Hi @MT27 

This is Henry 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, button.button.button--primary.button--full-width {

    background: white !important;

    color: black !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

P1Commerce
Shopify Partner
129 17 68

In your base.css file, find:

cart-notification button[name="checkout"], cart-notification a#cart-notification-button {
    background: #bcbec2;
    color: #FFF;
    border-color: white;
}


Change to:

cart-notification button[name="checkout"], cart-notification a#cart-notification-button {
	background: #fff;
	color: #000;
	border-color: white;
}




Appreciate the assistance? Please hit the Like and Accepted Solution buttons.
--
P1 Commerce is your trusted partner for eCommerce growth.
p1commerce.com

PageFly-Henry
Shopify Partner
1184 335 300

This is an accepted solution.

Hi @MT27 

This is Henry 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, button.button.button--primary.button--full-width {

    background: white !important;

    color: black !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.