Change color of social media icons - Dawn Theme

Store Design
1

Hi,

How can I change the color of the social media icons on the Dawn theme without changing the colors of other elements?

Any help would be greatly appreciated.

Thanks

1 Like
2

Hi, @PobladoCoffi

try this code for change footer social media color on Dawn theme.

.footer__list-social .list-social__item .list-social__link {
 color: #0000ff;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.css.liquid

2 Likes
3

Hey @PobladoCoffi.

Thanks for reaching out.

Did you coding change advised by @M-Usman , work for you? If this did the trick be sure to mark their post as a solution to inform others that may view the thread.

I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the Dawn theme, I noticed that we cannot make changes to the color of the social media icons using the Theme Editor. However, it is possible to make a change of coding on the theme to have the social media icons displayed as your color of choice. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.

06-02-13359-61338
06-02-13359-613381920×911 188 KB

If you are interested in using the design time, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before speaking with a Support Advisor about the changes you would like to see.

Let me know if you have any questions.

4

Hi,

I don’t have a theme.css.liquid file anywhere in my assets.

Should I try to add one or would it be named something else?

Thanks

5

@PobladoCoffi you can use this code in your section-footer.css.liquid file.

1 Like
6

Thank you very much for your help!

7

@M-Usman What if I have neither theme.css.liquid or section-footer.css.liquid? Tried creating those files and adding the code but it doesn’t work.

8

Hi M-Usman!

I’m trying to do this now however i cannot see ‘theme.css.liquid’ only ‘theme-editor.js’.

Can you please advise?

Thanks

Laura