When embedding our widget to your website using the JavaScript code, you have the option to inject a “Load more” button:
Before you update the styling, the load more button uses the default Walls.io appearance shown below.
If you embedded your Walls.io wall on your own website, you can customize the load more button with custom CSS so it matches your site branding. This update needs to be added to your website stylesheet, because the button styling is controlled by the page where the wall is embedded.
⚠️ Add this custom CSS to your website stylesheet, not in Walls.io. The load more button inherits its styling from the page where your wall is embedded.
<style>
.wallsio-load-more-button {
padding: 10px;
border: none;
background: #6C6463;
color: white !important;
font-weight: 600;
border-radius: 6px;
}
</style>
This is how the button will look:
In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!