How to configure Progress Icons

happydolphin · August 2015

Hi there,

May I know how I can configure the progress icons as seen in http://themes.muffingroup.com/betheme/shortcodes/boxes-infographics?

I'm trying to utilize them as ratings. Is there a list of shortcodes I can refer to for the icons?

Thanks!

Albert · August 2015

Hi,

the list of all available icons you can find on http://themes.muffingroup.com/betheme/shortcodes/typography#icons and this is all you can control within this item.

Thanks!

happydolphin · August 2015

But how do I configure the highlighted and grayed-out progress icons? Is there a code format?

http://themes.muffingroup.com/betheme/shortcodes/boxes-infographics#progressbar

Albert · August 2015

You can change their colors with below css:

.progress_icons .progress_icon:not(.themebg) { color: #000 !important }
.progress_icons .progress_icon { color: #000 !important; background: #FFF !important; }

happydolphin · August 2015

Ok.. but which Muffin Builder item should I add into the page? I don't see an option for "Progress Icon"?

Albert · August 2015

It's "Progress Bars" item with below content inside:

[progress_icons icon="icon-heart-line" count="12" active="8" background=""]
[progress_icons icon="icon-thumbs-up" count="12" active="6" background=""]

How to configure Progress Icons

Comments