Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Changing color of recently added LinkedIn icon

Solved

Changing color of recently added LinkedIn icon

TomHes
Excursionist
19 1 6

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

 

Thomas
Accepted Solution (1)
szops
Shopify Partner
12 1 6

This is an accepted solution.

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 🙂

Hi! If you found my answer helpful please leave a like 😄

View solution in original post

Replies 5 (5)
TomHes
Excursionist
19 1 6
onestopgermanshop.com

PW is TestAccess

Thomas

szops
Shopify Partner
12 1 6

Add fill: #93947F to list-social__link class

Hi! If you found my answer helpful please leave a like 😄
TomHes
Excursionist
19 1 6

Where exactly? Thanks

Thomas
szops
Shopify Partner
12 1 6

This is an accepted solution.

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 🙂

Hi! If you found my answer helpful please leave a like 😄
TomHes
Excursionist
19 1 6

That worked beautifully @szops 

Thank you!

Thomas