Progress Meters
November 2nd, 2009 by Thomas
OK, I have fiddled with some progress meters and decided to go with ProgPress, simply because it allows more than one project to be listed as a time. I figured out how to use the CSS for the progress bar color, but…ahem…I would like to change the title font and color. Any suggestions? Other than that I think ProgPress is an awesome tool for us you like to see our progress in visual detail. Nicely done Jason Penny. So, ignore the post below with the other Progmeter in it…that will be the last post…all other progress will be on the left. Cheers.
Posted in Daily Updates
November 4th, 2009 at 6:48 AM
Glad you found the plugin useful.
Overriding the default styles should be pretty easy (in your case you’d edit “/themes/nightfallserenade/style.css”, if you edit the sheet that comes with ProgPress it’ll be lost every time an upgrade comes out).
Because your theme loads it’s styles before the plugin does, you just have to be a bit more specific. So if you want to override the meter color you’d add:
body div.jcp_pp_meter div { background-color: #00008B; }
to change the font you can add (for example)
body div.jcp_pp { font-family: Geneva,Arial,Helvetica,sans-serif; color: #f00; }
November 4th, 2009 at 1:34 PM
Thank you so much for your help, and your plug-in. I was able to change the color to what I wanted. I am not savvy when it comes to code, so I think I will leave the themes CSS sheet alone. But, the code snippet your provided did the trick. Thanks.