The color of my cart disappeared. It is not transparent.
website - https://provengrit.us/
@ProvenGrit , Hope you are doing well.
Please add the below line of CSS code at the end of your theme.css file
body .drawer--cart {
background: #f00d15;
}
you can change # value as per your theme color.
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
span.cart-link__bubble-num {
color: white;
}
Result:
i hope it help.
Thank you for your assistance. Surprisingly, the code you provided helped resolve a different issue that I was working on. However, I’m still facing a problem with the disappearance of the circle behind the cart icon, as shown in the attached screenshot. I would greatly appreciate any further guidance or assistance you can provide. Thank you in advance for your support.
There is a problem in your color it hide. But when you change the background of the cart the circle is still there but you need to change the color.
If you can find this selector in the theme.css you can change the background color you like.
If your not able to find it you can simply add this.
a.site-nav__link.site-nav__link--icon.site-nav__link--cart.js-drawer-open-cart.js-no-transition {
background: wheat;
}
Result:
