Changing the color of Milestones Widget

• 

  olaulewicz · Member · Mar 12, 2013 at 4:06 am

  • Copy link
  • Add topic to favorites

  I’ve been trying to change the colour of the milestones widget. I can change pretty much every colour, except for the header box of that widget. I’m starting to run out of ideas. If anyone can help me out with this one, it would be greatly appreciated. Currently it is showing up black… and i would like it to be the green colour that the wording is

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

• 

  thesacredpath · Member · Mar 12, 2013 at 4:11 am

  • Copy link

  I think this is what you want.

  .milestone-widget .milestone-header {
  background-color: #000000;
  }

• 

  olaulewicz · Member · Mar 12, 2013 at 6:21 am

  • Copy link

  Hey

  Thanks for the reply, I’ve tried this code in a few ways, and i changed the colour and nothing seems to work :S

  I was able to change the colour of the font, even the colour of the interior box, just not the Black background of the main text. I have no idea what it could be

• 

  thesacredpath · Member · Mar 12, 2013 at 6:26 am

  • Copy link

  Ok, let’s try the “nuclear” option and add the !important attribute. Use this code instead and edit the color code as desired.

  .milestone-widget .milestone-header {
  background-color: #000000 !important;
  }

• 

  olaulewicz · Member · Mar 12, 2013 at 6:29 am

  • Copy link

  you sir, are my hero!!!!!

  This may as well be a foreign language to me!

  Thank you, thank you thank you!

• 

  thesacredpath · Member · Mar 12, 2013 at 2:52 pm

  • Copy link

  You are welcome. The CSS for the styling of the milestone widget was being loaded after your custom CSS instead of before. The !important attribute tells the browsers to ignore anything loaded after and “use this.”