Gradients with opacity in menu

I tried to drop css in to the menu like this, and it works, but not if i want opacity and color stops like this. How to do it?
.x-navbar {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.83) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(89%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.83)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.83) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.83) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.83) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.83) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#ffffff’, GradientType=0 );
}

This is the site: https://coinno.no/dev-multisite

Hi,

You can use this third party site to generate the css code for you.

Hope that helps

It started to work suddenly. added !important at the end. After all; signs like this:
background: rgba(255,255,255,1); !important

Glad to hear it’s now working.

Cheers!