Milestone Widget: Using CSS to change background color.

• 

  areiel · Member · Jul 22, 2012 at 8:17 am

  • Copy link
  • Add topic to favorites

  Greetings,

  I have purchased the CSS upgrade and want to change the background of the Milestone widget to match the rest of the blog. I can’t find the milestone widget in the reference template for my theme (twenty-eleven).

  Can anyone share with me the necessary CSS entry to do this?

  Much appreciated.

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

• 

  thesacredpath · Member · Jul 22, 2012 at 8:19 am

  • Copy link

  I don’t see the milestone widget on the site you referenced. Are you talking about a different site?

• 

  thesacredpath · Member · Jul 22, 2012 at 8:28 am

  • Copy link

  This would be the basics for the milestone widget.

  .milestone-header {
  background-color: #333333;
  color: #FFFFFF;
  }
  
  .milestone-countdown, .milestone-message {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-top: 0;
  color: #333333;
  }

• 

  areiel · Member · Jul 23, 2012 at 5:12 pm

  • Copy link

  To answer your first question, I pulled the widget until I could get the presentation right, but your second post was spot on, and now it appears as intended. Thank you very much for your support.

• 

  thesacredpath · Member · Jul 23, 2012 at 6:00 pm

  • Copy link

  You are welcome.