Putting a Gradient BG in a vertical header

[Pilate]

Can this be done? I checked the advanced options in the inspector but while there was a parallax option - gradient was not.

[nabeel]

Hi James,

Thank you for reaching out to us. This is only possible with custom CSS at the moment, as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

In header builder inspect your Bar where you want to have the gradient background color, go to it’s Customize tab and paste the following code in the Element CSS field:

$el {
	background-image: linear-gradient(to right, red , yellow) !important;
}

Change the colors as you need. To learn more about CSS gradients, please see https://www.w3schools.com/css/css3_gradients.asp

Hope this helps!