If you want your Walls.io wall to match your brand more closely, you can replace the default social media icons with custom images using CSS. Go to Setup > Design, add a custom CSS snippet for the network you want to change, and replace the image URL with your preferred icon.
.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: The first snippet works for Instagram posts only. To change another network icon, replace instagram in the CSS selector with the network you want to target.
In order to replace the RSS icon with the X (Twitter) icon, please consider using this CSS snippet:
.checkin-type-rss {
font-size: 0;
width: 32px;
height: 32px;
background-image: url(https://img.icons8.com/?size=512&id=ClbD5JTFM7FA&format=png);
background-size: 32px 32px;
background-position: center;
}⚠️ Warning: The RSS-to-X (Twitter) 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!