Theme4Press › Forums › evolve › Adding color gradient to background of header and body in evolve › Reply To: Adding color gradient to background of header and body in evolve
#23790
|
Hi Mike,
Thanks for writing in!
How can I add this to my header
Please add the following code under Appearance -> Customis
1 2 3 4 5 6 7 8 |
.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:
1 2 3 4 5 6 7 |
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.