Progress bars

Hoey · December 2015

Hi Guys.

Lovin' this theme! Great job thanks

How can I increase the height of the progress bars? Also is it possible to have them different colours?

Thanks in advance for your help
Hoey

Albert · December 2015

Hi,

it is not possible to have them different colours but you can increase their height with extra css:

.progress_bars .bars_list li .bar { height: 40px !important; }

Hoey · December 2015

Hi Guys

Thanks vey much.

Hope you all have a fantastic holiday season

Hoey

Albert · December 2015

You are welcome

Wish you all the best during this Christmas time as well!

openoptionskc · December 2015

Hi, muffingroup,

I tried to increase the thickness of the progress bar as you suggested above with the coding below and it didn't work ... not sure why? I would like my bar to be thick like how they are shown here: http://themes.muffingroup.com/betheme/shortcodes/boxes-infographics#iconbox

Thank you for any help you can provide!!

.progress_bars .bars_list li .bar { height: 40px !important; }

Albert · December 2015

@openoptionskc The css we left above works on 100%. If it does not work on your site, means you pasted it in the wrong place, or you did mistakes in css before the placec where you pasted above code.

openoptionskc · December 2015

Thanks so much for responding -- when I added the above CSS to the "Custom CSS" field (with 20px height), this is the result (below). It appears that the gray part got thicker but the gold-colored progress did not. Can you please advise? Thank you again.

Albert · December 2015

@openoptionskc We need link to page where this happens.

openoptionskc · December 2015

Thank you for asking! Here it is: http://openoptionskc.org/?page_id=3127

Albert · December 2015

Ok, we see what you mean. So to increase height of the yellow bar inside, please use the following css as well:

.style-simple .progress_bars .bars_list li .bar .progress { height: 40px !important; }

openoptionskc · January 2016

Thank you!! It worked great. Happy New Year!

Albert · January 2016

Thanks. Happy New Year!

Progress bars

Comments