Gradient

John McCubbin
February 23, 2012 at 12:08 pm #3540

Is there a way of making your background/top-bar/header-menu a gradient style

Anonymous
February 23, 2012 at 3:40 pm #24756

Yes, you can. Checkout my style sheet – http://prasannasp.net/wordpressblog/wp-content/themes/graphene-child/style.css

I like this Gradient Generator – http://gradients.glrzad.com/

John McCubbin
February 24, 2012 at 10:08 am #24757

would you be able to put the gemerated code incustom css as i dont think i know enough to do a child theme

Mod

Kenneth John Odle
February 24, 2012 at 5:43 pm #24758

Yes, you can.

I actually had a lot of stuff in my custom css at one point (over 100 lines), so a few lines of code for a gradient does work.

John McCubbin
February 27, 2012 at 10:13 am #24759

i put the generated code in but it didnt come change
John McCubbin
February 27, 2012 at 2:05 pm #24760
if it helps the code i tried was:
```
background-image: linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);

background-image: -o-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);

background-image: -moz-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);

background-image: -webkit-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);

background-image: -ms-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);



background-image: -webkit-gradient(

linear,

right bottom,

left top,

color-stop(0.46, #9CC0F7),

color-stop(0.58, #0B489D)

);
```
John McCubbin
February 29, 2012 at 3:34 pm #24761

found this out i had forgot to specify where i wanted to put the gradient so i added:

body {background-color: at the start code shown in above comment and obviously closing with }

John McCubbin
February 29, 2012 at 4:03 pm #24762

found it i remove the background-color: from the first line

Anonymous
March 1, 2012 at 4:21 am #24763

Merged two topics.

John McCubbin
March 1, 2012 at 9:52 am #24764

sorry about that thought i done the wrong thing