You can change the button design to make it even more attractive or more fitting for your wall. If you’d like to get some ideas for button designs, take a look at this.
For basic button customizations, add the CSS code snippet below to your custom CSS box under Settings > Design 👇
.checkin-buttons .checkin-cta {
border: none;
background: #6C6463;
color: white !important;
font-weight: 600;
text-transform: uppercase;
border-radius: 6px;
display: inline-block;
transition: all 0.3s ease 0s;
}
.checkin-buttons .checkin-cta:hover {
color: #7cc6f2 !important;
font-weight: 700 !important;
letter-spacing: 3px;
background-color: white;
-webkit-box-shadow: 0px 5px 40px -10px rgba(108,100,99,0.6);
-moz-box-shadow: 0px 5px 40px -10px rgba(108,100,99,0.6);
transition: all 0.3s ease 0s;
}
.checkin-cta::after {
border: none;
}
The customized call-to-action buttons will appear underneath some posts👇
If you still haven't added a call-to-action button to your posts, check out this article!
In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!