I"m using refresh theme and wanted to change the “account” “cart” and “search” buttons only but cant find a way. My website link is conceptcar.com.mx
Topic summary
Goal: Change the color of the header “Account,” “Cart,” and “Search” icons in Shopify’s Refresh theme. A site link and screenshot were provided for context; the key element is a CSS change (no JavaScript required).
Proposed solution (via theme code edit):
- In Shopify admin: Online Store > Themes.
- Click Actions > Edit code.
- Open Assets > base.css.
- Add at the bottom:
.header__icons svg.icon {
color: red;
} - Replace “red” with the desired CSS color (name, hex, rgb), then Save.
Notes: The selector targets SVG icons inside the header__icons container, affecting the account, cart, and search icons specifically. The code snippet is central to implementing the change.
Status: A clear step-by-step fix was provided; confirmation from the original poster is not shown, so resolution is unconfirmed.
1 Like
Hi @nadster99
You can change the color of the icons by following the instructions below
- 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 “Asset” folder, click on “base.css” file
- Add the code below at the very bottom of the file
NOTE: Change the word “red” to the color you want
.header__icons svg.icon {
color: red;
}
- Make sure to SAVE
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like