How do I change the color of my social media icons in the DAWN Theme?

Store Design
1

I want to change the color of my social media icons at the bottom of my website page to match the rest of my website. How do I change them for the DAWN theme? I have seen people say to go to the “assets” folder and then theme.scss.liquid file, however that is not an option for the DAWN theme. I only see a “theme.liquid folder” under "assets"What folder do I need to go to and what code do I need to put in to change the social media icons to the color of my choosing?

2

Hi @learningartist ,

Just add the code below.

  1. Go to Admin page > Online store > themes > Actions > Edit code
  2. Open the base.css under the Asset folder then add the code below. Click SAVE
.list-social__item path {
fill: #0000ff !important
}

NOTE: Change the #0000ff to the hex color you want

2 Likes
3

Thank you for your help it worked! Anyone else using this and needing to look for a hex color, I would recommend using Google by typing in “Hex Color Picker” and using the color palette selector that comes up and the Hex numbers with them.