If there’s an important message you want everyone to read, you can add it as a footer overlay. To achieve this, simply add this code to your custom CSS box under SETUP > 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*/
}
/* move the create post button up in case it is covering the footer on smaller screens */
@media only screen and (max-width: 576px) {
#createPostButton {
bottom: 80px !important;
}
}
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 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!