Want to give your Walls.io wall a monochrome look? You can apply a grayscale filter to both images and videos by adding a short CSS snippet in Setup > Design. This is a quick way to create a more consistent visual style for retro campaigns, curated galleries, or branded event walls.
How to apply the grayscale effect
Go to Setup > Design on your wall.
Paste the CSS snippet below into the custom CSS box.
Save your changes and reload the wall to confirm the new look.
💡 Tip: grayscale(100%) creates a full black-and-white effect. If you want a softer result, reduce the value to a lower percentage and preview the wall again.
.checkin-image {
-webkit-filter: grayscale(100%); /*just add any percentage you like */
filter: grayscale(100%); /*same goes for here*/
}
How will the grayscale wall look after the change?
After you save the CSS, both image and video posts on your wall should appear in grayscale. Use the preview below to confirm the effect has been applied correctly.
In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!