How to change the top bar color to gradient color?

I need to change the top bar background color to gradient background color in header builder section. Can I change the single background color to gradient background color?

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but there isn’t a separate input option available for the Gradient color under the said location but you can control the Color change through the Hex code or by defining the RGBA colors directly as shown in the following image: https://snipboard.io/lTJ8Ot.jpg

Best Regards

Can I add CSS code in Additional CSS section to change the gradient bg color ? Can you please write code for me?

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.whb-top-bar { background: linear-gradient(red 10%, green 85%, blue 90%) !important; }

In this CSS, you can write your own color names along with their ratio of percentage.

Best Regards

[Author]

Posts