Skip to main content
All CollectionsStyling Your Social WallCSS Tutorials
How to add a custom footer overlay?
How to add a custom footer overlay?

Can I add a custom footer overlay to my social wall?

Neira Dzabija avatar
Written by Neira Dzabija
Updated over a year ago

If there’s an important message you want everyone to read, you can add it as a footer overlay. For achieving this, simply add this code to your custom CSS box under Settings > Design 👇

body:after {
content: "-20% off now!"; /*put your message here*/
font-size: 40px;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
height: 70px;
line-height: 70px;
color: white;
background-color: #003087; /*change the color*/
}

The footer overlay will communicate your message promptly. In our case, you will see the message below with a blue background 👇

If you want to add your own content, simply replace "-20% off now!" in the code above with any other message. The same applies to the background color. You just need to replace the color code #003087 with another hex or RGB color.





In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!


Did this answer your question?