How do I change the social icon colors in Montauk template

Site URL: https://www.novio.com/

Hi. I am using the social links block with regular style and dark color. I would like to change the color and hover color. How do I do that?

If you can't find setting in SS, you can use CSS

Can you share link to social icons? I Don't see on your site homepage

Hi Tuanphan. Thanks for your reply. I took them off. My client didn't like how they looked. The only way I can add them back is to be able to change the color and size beyond the settings in SS.

I do have a hidden page with my experiments. https://www.novio.com/social-icon-test

Do you have CSS code to change size and color?

Thanks,
Julia

Add to Home > Design > Custom CSS

.linkedin-unauth svg>use:first-child {
    fill: red !important;
}

FB, Twitter, Instagram similar

@tuanphan. Yay this worked! Thanks so much. Another couple of questions. How do you change the hover color and the size of the icons?

https://www.novio.com/sandbox

On 2/8/2020 at 4:48 AM, JuliaHeld said:

@tuanphan. Yay this worked! Thanks so much. Another couple of questions. How do you change the hover color and the size of the icons?

https://www.novio.com/sandbox

.linkedin-unauth:hover svg>use:first-child {
    fill: green !important;
}
.linkedin-unauth {
    width: 100px !important;
    height: 100px !important;
}

@tuanphan. This worked. Thank you so much!!

Thank you!! Any idea what the identifiers for Itunes and email are?

3 hours ago, Nabiloh said:

Thank you!! Any idea what the identifiers for Itunes and email are?

Can you share link to your site? We can check easier.