How to change “add to cart” pop up background color and text color

[Riverline]

Riverlinegallery.com 

 

Does anyone know how to fix this? 

I want the background a different gradient and the text to be black as it is in “checkout”

I am using the refresh theme

[theycallmemakka · Accepted solution]

Hi @Riverline 

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </head>

Note: You can update value of --gradient-start and --gradient-end to change the color of gradient as per your need.

<style>
#CartDrawer .gradient {
    --gradient-start: 254, 0, 0;
    --gradient-end: 0, 222, 0;
    --color-foreground: #000;
    background: linear-gradient(0deg, rgba(var(--gradient-start), 0.2), rgba(var(--gradient-end), 0.78) 90%)!important;
}
#CartDrawer * {
    color: var(--color-foreground)!important;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Riverline]

Let me try this out!!

[Riverline]

 

It worked!! Now say I wanted to change the color to this red listed below how would I edit the code to get the background to the red I wanted set

[Riverline]

Basically how do I change the green color

[Riverline]

NEVERMIND I GOT IT THANKS FIR THE HELP!!!