How to change the font color of the sidebar cart

Store Design
, ,
1

David212_0-1743448745725.png
David212_0-1743448745725.png734×619 137 KB

I was wondering how to change the text font color for the sites sidebar checkout menu

2 Likes
2

I couldn’t find anything but the only way it’ll change if I change the whole websites color font which I don’t want to do I want to specifically just edit the color of the sidebar cart menu

3

Could you please help me do it without changing the whole websites color

4

To change the color of the sidebar cart menu without affecting the rest of the website, you can achieve this by modifying the CSS. Here’s how you can do it:

  1. Identify the Sidebar Cart Class

Inspect the sidebar cart element using your browser’s Developer Tools (Right-click → Inspect).

Look for the class or ID associated with the sidebar cart.

  1. Add Custom CSS

If your platform allows custom CSS, insert the following code in your theme’s CSS file or Custom CSS section:

.your-sidebar-cart-class {
background-color: #yourdesiredcolor !important;
}

Replace .your-sidebar-cart-class with the actual class/ID found in the inspection tool.

5

David212_0-1743459388851.png
David212_0-1743459388851.png549×122 10.7 KB

I did this "#menu-drawer, #CartDrawer, .search-modal__content {
background-color: #1e1e1e !important

}" but it gets overrided and I cant seem to find the white and when I uncheck the white one my darker color works but I would have to go to inspect so I’m not sure how to delete the white one or override it

1 Like
6

Hi @David212 , can you share us your store url

7

Hello @David212 ,

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?