How to Change Dawn Theme Icon Color - Dawn Theme

Store Design
,
1

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)

DSS 2.png
DSS 2.png457×368 16.3 KB

2

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?

3

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.

4

It didn’t work.

5

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;
}

ZestardTech_0-1687324359559.png
ZestardTech_0-1687324359559.png1672×782 110 KB

6

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);
}