Gradient color in header PRO

[Lyser]

Hello,
How can i have a horizontal gradient color in header with pro ?

I tried a class here, but it do not work:

.headcol { background: #c32755; /* Old browsers */ background: -moz-linear-gradient(left, #c32755 0%, #414c90 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #c32755 0%,#414c90 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c32755 0%,#414c90 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32755', endColorstr='#414c90',GradientType=1 ); /* IE6-9 */ }

[Prasant]

Hello @Lyser,

Thanks for asking.

Can you please delete . from class name? All that needs to be done while defining class name is to enter name of class. In your case it should be headcol not .headcol. Here is before and after screenshot.

Before: https://screencast.com/t/YSBjJceK2dsU

After: https://screencast.com/t/ken7wJAt6

Thanks.

[Lyser]

Ok thx !

Last thing, where can we add the same class for the dropdown background menu instead of the black color ?

[thai]

Hi There,

You can try with this CSS:

.hm5 .x-dropdown,
.headcol {
background: #c32755; /* Old browsers */
background: -moz-linear-gradient(left, #c32755 0%, #414c90 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #c32755 0%,#414c90 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #c32755 0%,#414c90 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32755', endColorstr='#414c90',GradientType=1 ); /* IE6-9 */
}

[Lyser]

Perfect thx a lot !

[thai]

You’re welcome.