Empire theme: I have a white header background. It looks like the cart icon is also white.

[mqecommerce]

Hi

I have an Empire theme - I have a white header background. It looks like the cart icon is also white as shown in the screenshot. I need the cart icon to be in black.

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .site-header-right span.site-header-cart-icon.site-header-cart-icon--svg {
       color: #000 !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[niraj_patel]

Hello @mqecommerce 

Can you share store URL?

[mqecommerce]

Hi @niraj_patel  Here's the URL: https://eliteescapesonline.com/

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .site-header-right span.site-header-cart-icon.site-header-cart-icon--svg {
       color: #000 !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[gnicko]

This will work, but it is not the proper way to change display styles for a theme. In the future it may make changing colors very difficult.

[Made4uo-Ribe · Accepted solution]

Hi @mqecommerce 

Please, be careful of adding some codes in your store. You have this code which is making the cart white. 

You can remove the code above or add another code. It your choice. 

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, style.css or theme.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:

.site-header-right .site-header-cart--button {
    color: black !important;
}

And save. 

Result:

Note: If the code have the !important that mean its forcely calling to change. Try to add without the !important if it listens. If not then add. Please, refresh your browser when you add some changes for proper outcome. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!