Docs

[Darcy P]

I did an update on the site and the icon changed. The other icons are all the same colour/theme but the IG one sticks out now. Is there an quick/easy way to change that?

Thanks!

[Prasant Rai]

Hello Darcy,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Darcy P]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the URL. It seems you are referring the new Instagram icon. As you know Instagram redesigned their logo and the icon updated on Fontawesome as well. Since there is no square variant for the icon like the other ones so it looks a bit odd. I can suggest you a tricky fix. You can add this under Custom > CSS in the Customizer.

a.instagram .x-icon-instagram {
  background-color: #72829f;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  padding: 1px 3px;
}

a.instagram:hover .x-icon-instagram {
  background-color: #6a2c3e;
}

Hope this helps.

[Author]

Posts