• Closed
• Mike

  Spectator

  January 25, 2016 at 7:33 am #23787

  

  Hi,

  I have the following gradient from a css gradient generator.

  /* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff41b+0,ff981b+46,ea0004+100,f27500+100 */
  background: #fff41b; /* Old browsers */
  background: -moz-linear-gradient(left, #fff41b 0%, #ff981b 46%, #ea0004 100%, #f27500 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fff41b 0%,#ff981b 46%,#ea0004 100%,#f27500 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fff41b 0%,#ff981b 46%,#ea0004 100%,#f27500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#fff41b’, endColorstr=’#f27500′,GradientType=1 ); /* IE6-9 */

  How can I add this to my header (and then a different color gradient to my body)?

  Thanks.

Imran
Spectator
Posts: 402
January 25, 2016 at 10:08 am #23790

Hi Mike,
Thanks for writing in!
How can I add this to my header
Please add the following code under Appearance -> Customis
.header-pattern {
background: #fff41b;
background: -moz-linear-gradient(top, #fff41b 0%, #ff981b 46%, #ea0004 100%, #f27500 100%);
background: -webkit-linear-gradient(top, #fff41b 0%,#ff981b 46%,#ea0004 100%,#f27500 100%);
background: linear-gradient(to bottom, #fff41b 0%,#ff981b 46%,#ea0004 100%,#f27500 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff41b', endColorstr='#f27500',GradientType=0 );
}
If this is your website: http://lowcarblowglycemicseizurediet.com/, then please remove “-pattern” from the above ‘header-pattern’ class.
a different color gradient to my body
Please add the following gradient to your Custom CSS field:
body {
background: #fff41b;
background: -moz-linear-gradient(top, #fff41b 0%, #ff981b 46%, #ea0004 100%, #f27555 100%);
background: -webkit-linear-gradient(top, #fff41b 0%,#ff981b 46%,#ea0004 100%,#f27500 100%);
background: linear-gradient(to bottom, #fff41b 0%,#000000 46%,#ea0004 100%,#f27555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff41b', endColorstr='#f27500',GradientType=0 );
}
Please change the color values as required.
Hope this helps!
Thanks.
Mike
Spectator
Posts: 5
January 26, 2016 at 7:10 am #23830

That works. Thanks for the help.
Mike
Imran
Spectator
Posts: 402
January 26, 2016 at 11:27 am #23833

You’re welcome! 🙂

The topic Adding color gradient to background of header and body in evolve is closed to new replies