If you've used Action Links in Knack, you may have wondered whether it's possible to replace the hyperlink with a customised button of your choice - well with a little CSS you can do it - here's how:
First the CSS
In the CSS, we can define a new class of button with the following code:
.redButton {
background: #ff0000;
border: 1px solid #ff0000;
border-radius: 4px;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal 600 14px/1 "Calibri", sans-serif;
text-align: center;
text-shadow: none;
}
As you can see, there are quite a few parameters you can change - in this case you get a red button with white lettering:
To actually add the button to the Action link you simply have to enter the following HTML in the Link Text field:
<button type="button" class='redButton'>Archive</button>
