Hi there,
I would like to change the social icons that show on the header and footer.
I uploaded the images under files, but I can’t find where I should paste the URL in order for them the replace what we have now.
The website: https://partnerprogram.zeiss.ca/
Thanks,
sorry for that issue let me know how do you have like icon?
Hi there 
I would like very simple icons, I designed them on illustrator and export them as .png already.
I also uploaded them on the website under files.
Basically, it’s just that they have a background color (grey) and the icon is white. If there is a way to do it differently than linking the image URL into the code, I’m open to any solution
Yes, this is what I would like to achieve except that I would like to have the background color: #4D4F53
Do you know if it’s also possible to change the order of the social icons? Have Facebook - Instagram - Twitter - Facebook - Youtube - Email
Thanks for your help, I greatly appreciate it.
thanks for confirm can you please add this code your css file bottom of the file
.top_bar ul.social_icons a {
background: #4D4F53;
color: #fff;
padding: 5px;
}
.mini_cart, .top_bar [class*=" icon-"]:before, .top_bar [class^=icon-]:before {
vertical-align: middle;
}
yes can you please social media part code so i will update
Hi,
Thanks, it worked.
I would like it to work for the footer as well.
Should I just replace the “block name” by .footer instead of top_bar (I’m trying to learn the logic)
“yes can you please social media part code so I will update” - I’m not sure what you mean by that?
Thanks again for your support.
Yes, please add footer code
footer .social_icons a, footer .social_icons a:visited {
background: #fff;
padding: 5px;
}
[class*=" icon-"]:before, [class^=icon-]:before {vertical-align: middle;}
Thanks, it worked as well.
I figured how to change the social icon’s order too.
yes, please share social medic icon file so i will update
Hi,
Here are the files URL of the social media icons I would like:
Facebook: https://cdn.shopify.com/s/files/1/0194/6281/5843/files/Facebook-Zeiss.png?v=1624453997
Instagram: https://cdn.shopify.com/s/files/1/0194/6281/5843/files/Instagram-Zeiss.png?v=1624453998
Twitter: https://cdn.shopify.com/s/files/1/0194/6281/5843/files/Twitter-Zeiss.png?v=1624453997
Youtube: https://cdn.shopify.com/s/files/1/0194/6281/5843/files/Youtube-Zeiss.png?v=1624453998
Currently, the icons in the top bar are not centered with the background (see the image)
not this one can you please share your header section code
