Please follow these simple steps to add a Gradient color to any element on your page:
1 - Generate your CSS code:
go to the following website: https://cssgradient.io/ and generate a CSS code like the following:
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 41%, rgba(0,212,255,1) 96%);
Replace the semi-colons ( ; ) at the end of each line with !important;
The code becomes:
background: rgb(2,0,36) !important;
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 41%, rgba(0,212,255,1) 96%) !important;
2 - Adding the CSS code and CSS class:
Select the element you want to give that class to, go to Advanced and add a class e.g my_element.
Finnaly, go to Custom codes > Custom CSS and add the following:
.my_element { background: rgb(2,0,36) !important; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 41%, rgba(0,212,255,1) 96%) !important; }