WordPress.com Forums » Topic: Gradient background for Ari theme http://en.forums.wordpress.com/topic/gradient-background-for-ari-theme WordPress.com Forums » Topic: Gradient background for Ari theme en Sat, 25 May 2013 23:05:45 +0000 http://bbpress.org/?v=1.1-alpha-2539 zakagan on "Gradient background for Ari theme" http://en.forums.wordpress.com/topic/gradient-background-for-ari-theme#post-1008542 Thu, 13 Sep 2012 06:28:50 +0000 zakagan 1008542@http://en.forums.wordpress.com/ Hi, I'm working on cubpub.wordpress.com. Soon I will purchase the customization and moving hosting upgrades. Before I do I want to make a decent, simple background to go behind the content (which will be in white). First I tried making diagonal stripes but I found that they weren't lining up right, so I turned to a gradient background.

I used this text in the css (preview mode), however it replaced the entire background with the gradient, removing all white areas even behind text. What can I do to get something simple like a gradient behind these content areas?

<style type="text/css">
body{
background-image: linear-gradient(bottom, rgb(27,30,51) 0%, rgb(20,75,133) 100%);
background-image: -o-linear-gradient(bottom, rgb(27,30,51) 0%, rgb(20,75,133) 100%);
background-image: -moz-linear-gradient(bottom, rgb(27,30,51) 0%, rgb(20,75,133) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(27,30,51) 0%, rgb(20,75,133) 100%);
background-image: -ms-linear-gradient(bottom, rgb(27,30,51) 0%, rgb(20,75,133) 100%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(27,30,51)),
color-stop(1, rgb(20,75,133))
);
}
</style>

Thank you so much for any help.

]]>