With a Layout Background URL (top-left)- How Set wrapper background to gradient color

New WordPress Fan · #1 Mar 26, 2013, 10:57 AM

Using Atahualpa 3.7.10 with WordPress 3.5.1.

Is there a way to set the wrapper background to a gradient color (darker on top, fading to lighter at bottom), when using a background image (top-left) for the layout?

I have tried the following code at ATO > Body, Text & Links, but it does not work (reads only the #111111 for the wrapper color):

Code:

background: #111111 url(http://www.XXXXXX.com/wp-content/uploads/2013/03/Layout-Background-top-left-corner-500px-wide.jpg) repeat-x top left; 

background: -moz-linear-gradient(top, #111111, #333333) url(http://www.XXXXXX.com/wp-content/uploads/2013/03/Layout-Background-top-left-corner-500px-wide.jpg) repeat-x top left; 

background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333)) url(http://www.XXXXXX.com/wp-content/uploads/2013/03/Layout-Background-top-left-corner-500px-wide.jpg) repeat-x top left;

Is it possible to use both a background url and a gradient background color?

Many thanks!