Gradients

• 

  lvbroker · Member · Oct 15, 2014 at 11:58 am

  • Copy link
  • Add topic to favorites

  How can I add this gradient to my background. So it shows around the border

  Lime Gradient for edges – #c9d87d -> #e4ebbe -> #c9d87d

  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  supportmyoffice · Member · Oct 15, 2014 at 12:55 pm

  • Copy link

  Right now your background is an image.

  Image Link

  If you want to keep it as an image you ‘ll need to edit the image to have the gradient you want.

  If you want to use CSS, my suggestion would be to get rid of the body.custom-background where the image is, and add the following CSS to your code:

  .wf-active-body {
    background: -webkit-linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* Standard syntax */
  
  }

• 

  lvbroker · Member · Oct 15, 2014 at 1:11 pm

  • Copy link

  Brilliant thanks do you know how to get rid of the grey border around the widgets so they just stay green ?

  Thank you

• 

  lvbroker · Member · Oct 15, 2014 at 1:13 pm

  • Copy link

  Sorry its not working Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#c9d87d,#e4ebbe,#c9d87d); /* Standard syntax */

  ??? i am on google chrome ?

• 

  supportmyoffice · Member · Oct 16, 2014 at 1:22 am

  • Copy link

  I looked at your site in Firefox, Chrome and IE and didn’t see any grey borders around your widgets. Did you already get this resolved?

  Regarding gradients are you still seeing the lime green img background? I’m seeing the gradient in Firefox, IE and Chrome.