design bottom cart

Solved

design bottom cart

MT27
Pathfinder
169 6 16

Hi, can you please provide me with the code to change the bottoms on the pop-up cart? I would like to make the background both grey and text black. also, the text below that says ''Continue shopping'' white.

Pass: biangu

Url: www.matibrnd.com

MT27_0-1711559730374.png

 

Accepted Solution (1)

BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

Hi @MT27 ,

If you are looking something like the screenshot below then, follow the steps below. 

Screenshot 2024-03-27 at 11.13.59 PM.png

 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

<style>
div#cart-notification .cart-notification__links button.button-label {
    color: #ffffff;
}
div#cart-notification a#cart-notification-button {
    background: grey;
    color: #000;
}
</style>

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

View solution in original post

Replies 4 (4)

Raj-webdesigner
Shopify Partner
354 88 85

Add This css in your base.css

.cart-notification button.link.button-label {
    background: #bcbec2;
    color: #fff;
    padding: 12px 50px;
    border-radius: 10px;
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


MT27
Pathfinder
169 6 16

thank you. how can I make the border of the bottoms white? 

MT27
Pathfinder
169 6 16

all the border

BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

Hi @MT27 ,

If you are looking something like the screenshot below then, follow the steps below. 

Screenshot 2024-03-27 at 11.13.59 PM.png

 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

<style>
div#cart-notification .cart-notification__links button.button-label {
    color: #ffffff;
}
div#cart-notification a#cart-notification-button {
    background: grey;
    color: #000;
}
</style>

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732