Add a Horizontal Bar Graph

Learning How

Add an Accordion Add a Carousel Add Columns Add a Full Width Slider Add a Horizontal Bargraph Add a Masonry Layout
Add Tabbed Content Add a Timeline Add a Widget Row

View a PDF for actual theme settings for the horizontal bar graph layout shown here. (Please note: some settings may have changed with recent updates).

100%

80%

60%

40%

20%

0%
65%

Bar Item One
35%

Bar Item Two
78%

Bar Item Three
97%

Bar Item Four

Select the Additional Options tab.
Select Yes to add additional options.
Select the Add Horizontal Bar Graph checkbox.
Select Yes to Add Horizontal Bar Graph.
Set the top and bottom margin for the Bar Graph wrapper.
Click the Add Bar Graph button in the lower right corner. You can add as many bar graph items as desired. Keep in mind, too many items will make the full chart look crowded.
Give the Bar Graph item a percentage based on a 100% total. This is for the item height on the graph. It is not referring to the width.
Type in a short description for the bar graph item. This displays at the bottom of the individual bar graph item.
Select a color for the bar graph item. Transparency colors allowed.
Select the color for the bar graph item text. Transparency colors allowed.
If desired, you add content after the columns, as seen here. It is basically a second WordPress WYSIWYG editor.
1. If adding content after the bar graph, set the top and bottom padding for the bar graph wrapper.