Re: Change the colour of the shopping cart pop-up

Change the colour of the shopping cart pop-up

EdensBakehouse
Excursionist
21 0 9

I made changes in the theme settings of the website, but the settings (colour) of the pop-up did not change:

EdensBakehouse_0-1735824457313.png

I would like to apply some changes to it which do not effect the rest of the website.
The colour of the pop-up is not the same as the background of the website, very confusing.

EdensBakehouse_1-1735824551910.png

 

Replies 5 (5)

Hasan112
Shopify Partner
151 11 21

share ur website

- If you need assistance with your store, feel free to contact us at zayan.1@yahoo.com or WhatsApp!
- Hire me, if you want to Design, Re-design, Develop a store or make changes to the pre-built store.
- If its helpful, please Mark as Accepted Solution, reply helpful? Click Like. Or Coffee Tip Thank you!

Moeed
Shopify Partner
6533 1774 2146

Hey @EdensBakehouse 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#cart-notification {
    background: #000000 !important;
    border: solid 2px !important;
}
</style>

RESULT:

Moeed_0-1735825105638.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


websensepro
Shopify Partner
1739 196 235

Hi @EdensBakehouse  

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

div#cart-notification.cart-notification {
    background: darkslategrey !important;
}

Result:

websensepro_0-1735826313484.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

BSS-TekLabs
Shopify Partner
2401 695 827

- Here is the solution for you @EdensBakehouse 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
div#cart-notification {
    background: black !important;
}
</style>

- This is the result you will get:

BSSTekLabs_0-1735835524733.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

mt686
Shopify Partner
90 11 20

Looks like you already have replies showing code you can add, so I won't put more out there. I just wanted to give you the option of EasyEdits. You can just click and change the color with the editor. You can use it for free on the trial and keep the edits without paying. I am the dev behind it, do feel free to ask any questions. Best of luck, and let me know if I can help out at in any way!