Changing color of recently added LinkedIn icon

Shopify Discussion
1

I just added the LinkedIn icon to the footer, but I’m unable to change its color from black to 93947F.

TomHes_0-1694879167757.png
TomHes_0-1694879167757.png422×181 2.52 KB

1 Like
2

PW is TestAccess

3

Add fill: #93947F to list-social__link class

4

Where exactly? Thanks

5

You can look in theme files for a file like component-list-social.css. If it is there just replace .list-social__link { … } with this:

.list-social__link {
  align-items: center;
  display: flex;
  padding: 1.3rem;
  color: rgb(var(--color-foreground));
  fill: #93947F;
}

If you can’t find it you can add this code in theme → customize → theme settings → custom CSS:

.list-social__link {
  fill: #93947F;
}

Hope it works, cheers :slightly_smiling_face:

6

That worked beautifully @szops

Thank you!

1 Like