How do you make a cool widget with a gradient background

• 

  weevisla · Member · Jul 27, 2015 at 11:20 am

  • Copy link
  • Add topic to favorites

  I’m wondering how you make your widgets have a gradient in the background I.E I want a red and purple background

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

• 

  darrellschulte · Member · Jul 27, 2015 at 7:27 pm

  • Copy link

  Hey weevisla,

  Is this what you’re attempting to do?

  .sidebar-widget-area .widget {
      background: -webkit-linear-gradient(left, red, purple); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, red, purple); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, red, purple); /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, red , purple); /* Standard syntax */
  }