Change color of social media icons - Dawn Theme

[PobladoCoffi]

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

[M-Usman · Accepted solution]

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

[M-Usman · Accepted solution]

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

[PobladoCoffi]

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

[M-Usman · Accepted solution]

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

[PobladoCoffi]

Thank you very much for your help!

[CleverlyCalm]

@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.

[yoursocialaura]

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

[Ollie]

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.

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.