Hi, so I'm a complete beginner when it comes to CSS code.

Hi, so I'm a complete beginner when it comes to CSS code. However I have managed to change up the 'Submit' button to something i like with the below code, but would like to add a gradient to the black background of the button. Is this possible & what would i need to add to the code? Thanks in advance
.form-submit-button {
background: #000;
color: #896F17;
border: 1px solid #896F17;
border-radius: 20px;
box-shadow: none;
text-shadow: none;
font-size: 20px
}
.form-submit-button:hover {
background: #896F17;
color: #fff;
border: 1px solid #000;
border-radius: 20px;
box-shadow: 10px 10px 10px #000;
text-shadow: none;
}

Hello Shiraj,

Thanks for contacting Jotform support. The CSS code sure works correctly and the submit button looks aesthetic but how would you like the gradient? There are mainly three types:

• Linear Gradients (goes down/up/left/right/diagonally)
• Radial Gradients (defined by their center)
• Conic Gradients (rotated around a center point)

Based on this we can provide a suitable CSS code. Do check and let us know. In the meantime, please add this code to your existing submit button CSS (not hover):

background: linear-gradient(45deg,#140c0b,#241918,#332928);

You can adjust the color codes as per your requirement. Give it a try and let us know.