Hi, my Shopify store header’s cart, account, and find icon became white but I used to have them in #706B5F
is there any way to change it back to #706B5F ?
Website: https://www.linensdelight.com/
Topic summary
A Shopify store owner’s header icons (cart, account, and search) changed from their original color (#706B5F) to white and needs help reverting them back.
Three solutions were provided:
-
JasmeetVT14313: Add CSS code to the end of theme.css file targeting
.header__row .header__row-segment.right .icon-button__icon .iconwith the desired color. -
PageFly-Henry: Navigate to Online Store → Theme → Edit code, find theme.css file, and add CSS targeting
.header .inner .iconat the bottom of the file. -
Vinsinfo: Use the theme customizer by going to Online Store → Themes → Customize → Header, then paste CSS code (
.header__row-segment .icon-button__icon .icon) in the Custom CSS field. This solution includes screenshots showing the process and expected result.
All solutions involve adding custom CSS with color: #706B5F !important; but target slightly different CSS selectors. The issue remains unresolved as the original poster hasn’t confirmed which solution worked.
Hi @ipwt57
Try adding below code to the end of theme.css
.header__row .header__row-segment.right .icon-button__icon .icon {
color: #706B5F;
}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
1 Like
Hi @ipwt57
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.header__inner .icon {
color: #706B5F !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
@ipwt57 Please follow below steps to to change the header icon color. Let me know whether it is helpful for you.
- From admin go to “Online Store” → “Themes”.
- Click “Customize” button from the current theme.
- Click “Header” and paste the below code in the “Custom CSS” field and save changes.
.header__row-segment .icon-button__icon .icon{
color: #706B5F !important;
}
Result will be like,
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
1 Like