Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hey, as the title says, currently trying to figure out how to change some colors in my theme and I have been combing through the options and cannot find anything, any help would be appreciated!
First issue - Can't seem to change the Account or Cart colors, I can change the background color in the Header, but no options for these specific things.
Second Issues - Again, on the header section, I have no option to change the color of this drop-down box, I can change everything else but no option for that weird teal color.
Any help with either of these issues would be greatly appreciated!
Solved! Go to the solution
This is an accepted solution.
You can try this code below:
<style>
.account-subtitle > *,
a.cart-detail>.cart_info>*{
color: red !important;
}
</style>
For the color of drop-down box, you can use this code below:
<style>
ul#header-SiteCat {
background: red;
}
</style>
Hi @INVSN ,
Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.
Hi @INVSN ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
<style>
span.acc_title,
a.cart-detail>.cart_info>.cart{
color: red;
}
.header-category {
background: #253d27 !important;
}
</style>
Note: You can change the color to fit your store
Hope my answer will help you.
Best regards,
Victor | PageFly
Hi @PageFly-Victor, Thank you!, that's exactly what I was after but I was hoping to be able to change the color of all of it, not just the Account and Cart type.
Also, any ideas on the second issue with the drop-down menu button, as thats more important for us to be able to change?
This is an accepted solution.
You can try this code below:
<style>
.account-subtitle > *,
a.cart-detail>.cart_info>*{
color: red !important;
}
</style>
For the color of drop-down box, you can use this code below:
<style>
ul#header-SiteCat {
background: red;
}
</style>
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025