Thread: Background Color Not Displaying on widgets

Background Color Not Displaying on widgets

Hi,

I am trying to have my text widgets display a gradient color and I managed to get the widget (Job Categories) on the home page of my website http://taxjobsportal.ca to display correctly.

But now I want this gradient to show up in my text widgets on my sidebar. I’ve created a widget at the top as a test. As you can see the background is just white rather than the gradient.

How would I go about getting this gradient to show up on all of my text widgets?

The code I inserted into the bottom of the style.css was:

.textwidget {background-image: linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.11, rgb(255,255,255)),
color-stop(0.56, rgb(242,242,242))
);
);
border-radius: 5px;
-webkit-box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
}

); ;padding:10px 10px 10px 10px; margin-left:2px;}

Thank you very much for your help!!