You can add a gradient to your Walls.io posts with Custom CSS in Setup > Design. This is useful if you want your social wall post tiles to match your brand colors or add more depth to the default post background.
.checkin {
background: linear-gradient(to bottom left, rgb(255, 255, 255) 0%, #7cc6f2 100%);
}
How will the gradient look on your posts?
The example below uses a blue gradient so you can preview how the post background changes. Replace the sample colors with your own brand colors to create a softer or stronger visual effect.
💡 Tip: Replace the sample RGB and hex values with your own brand colors. Before publishing the change, test the gradient against your post text color so the content stays easy to read on desktop and mobile.
In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!