You can replace the social media icons on your wall by adding this CSS code snippet to your custom CSS box under Settings > Design 👇
.checkin-type-instagram { /*just add any source you like here*/
font-size: 0;
width: 32px;
height: 32px;
background-image: url(https://cdn3.iconfinder.com/data/icons/tidee-food/24/016_049_cookie_biscuit_baking_food-256.png); /*here you can change the image*/
background-size: 32px 32px;
background-position: center;
}
The icons on each Instagram post will appear as Oreo cookies 👇
You can of course change the Oreo icon by replacing its URL https://cdn3.iconfinder.com/data/icons/tidee-food/24/016_049_cookie_biscuit_baking_food-256.png with another image URL in the snippet above.
Please note: this code works only for Instagram posts. If you want to alter the social media icon of any other social media network (i.e. X (Twitter), YouTube), you should replace "instagram" with the name of the other network in the code above.
In order to replace the RSS icon with the X (Twitter) icon, please use this CSS snippet:
.checkin-type-rss {
font-size: 0;
width: 32px;
height: 32px;
background-image: url(https://cdn-icons-png.flaticon.com/512/733/733635.png);
background-size: 32px 32px;
background-position: center;
}
🚨Please note: this CSS snippet does NOT work on Carousel and Kiosk layouts!
In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!