Studio theme: change background colour of cart drawer

Shopify Discussion
1

Hi all experts

I use studio theme. I have a cart drawer from a third party app, you can change some layout settings with the app but not the background colour of the drawer.

So that’s it, I want to change the background colour from white to this colour: #DCE9E8

I’m not more stupid than knowing you change this in the CSS editor, but appears it differ from theme to theme where you do it in the coding. Anyone, pretty please?

2

TRY THIS.

  1. Log in to your Shopify admin dashboard.
  2. Go to “Online Store” > “Themes”.

Now, depending on your theme version, you’ll follow different steps to add custom CSS:

For Shopify Online Store 2.0 themes:

  1. In the “Actions” dropdown, select “Edit code”.
  2. In the left sidebar, navigate to the “Assets” folder and open your theme’s main stylesheet file (typically named “theme.scss.liquid” or something similar).
  3. Scroll to the bottom of the stylesheet file and paste the following CSS code:
/* Change cart drawer background color */
.cart-drawer {
background-color: #DCE9E8;
}
  1. Click the “Save” button to save your changes.

For older Shopify themes:

  1. In the “Actions” dropdown, select “Edit code”.
  2. In the left sidebar, navigate to the “Assets” folder and open your theme’s main stylesheet file (usually named “theme.css” or “styles.css”).
  3. Scroll to the bottom of the stylesheet file and paste the following CSS code:
/* Change cart drawer background color */
.cart-drawer {
background-color: #DCE9E8;
}
  1. Click the “Save” button to save your changes.

After adding and saving the CSS code, the cart drawer background color should be updated to the specified color (#DCE9E8) on your Shopify store.

If you didn`t get it right, feel free to reach out to me via admin@successsquad.ca