View Links Colour change from default

I previously was using the CSS code and putting in code with the text to create and change buttons inside my tables.

Thought it was time to start using the Knack View Links and setting defaults for the site. Which is great to have a consistent look. With the Page Link and Action link though I would like to set them up as a default colour but then on occasion be able to change that colour without getting to much on the code side.

Previously I had them set up as

.greenButton {
background: #84A847;
border: 0px solid #84A847;
border-radius: 4px;
padding: 4px 20px;
color: #FFFFFF;
display: inline-block;
text-align: center;
text-shadow: none;

And then refer to the button with
<button type="button" class="greenButton">View</button>

Not sure if there is a way to set up the defaults in the settings and then in the text section as before put a line that would just change the colour.

I am not a big coder so my attempts at trial and error have failed.

Any help would be appreciated.

You’ll need to use the legacy setting at the moment if you want link buttons to be different colours. I’m aware the Knack will shortly be releasing view level overrides so you can set a global choice and then amend on each view.
Until then just use CSS :blush:

Thanks for the response Carl.

Hopefully it wont be far down the track.