How to Change Dawn Theme Icon Color - Dawn Theme

[rvernon23]

How do I change the color of the icons to color #004aad?

Website Link.. (Drive Scent Diffuser – The Car Flame Diffuser (07638e.myshopify.com)

Password: go2253

(Screenshot Below)

[Zqdo]

Depending on the icon, some do not allow you to change the color of the icon itself. However, you can add a background color to them. Might that work?

[irene-vintage]

Hello @rvernon23 ,

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code

Go to Assets folder -> base.css file or theme.scss.liquid file 

Add this following code at the bottom of page

.product-icon {
  color: #004aad;
}

Save changes 

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

[rvernon23]

It didn't work.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.accordion .icon-accordion {
fill: #004aad;
}

[StephanHaas]

Try going to "component-accordion.css" and search for ".accordion .icon-accordion" & change the fill colour.

.accordion .icon-accordion {
align-self: center;
fill: #ed8363;
height: calc(var(--font-heading-scale) * 2rem);
margin-right: calc(var(--font-heading-scale) * 1rem);
width: calc(var(--font-heading-scale) * 2rem);
}