How do I do a button with gradient color

Help Center Get Answers
1

I like this “Create new app” gradient button color. How do do this in knack? for CSS I would start here: CSS Gradients

where to start?

Bildschirmfoto 2023-09-17 um 22.10.32

2

Hi @Christian,
You can achieve this with the following code:

.kn-menu .kn-button,
.kn-submit .kn-button {
  background-image: linear-gradient(to right, #86307b , #e61875) !important;
  color: #ffffff !important;
  border: 0px !important;
}

Note that I use .kn-menu and .kn-submit, as there are various .kn-buttons on a Knack page, and we don’t always want to target all of them (e.g. filter, export, search buttons).

image
image

2 Likes
3

wow - the button’s looking superb! thanks for getting this one over. This is a good starting point to target the “special” buttons indeed!

1 Like