Introduction

This tutorial explains how to edit the content of the 3-item Stat Bar. The numbers, main title, stat titles, and icons can be updated as needed.

Updating the Stat Bar

Start by editing the page where the stat bar is placed (typically the Home page). Next, locate the Developer Action Group that contains the "Stat Bar 3 Item" text. Click anywhere within this section to open the editor.

The editor contains variables (left side) and values (right side). The values can be edited to update the numbers as needed, as well as the main title, icons, and stat titles.

Updating the Main Title

Locate the statSectionTitle variable, and the main title will be to the right. Replace the main title text, then click the "Submit" button to save your changes.

Updating the Numbers

Locate the stat1numberstat2number, and stat3number variables, which have the current numbers to the right. Update the values on the right-hand side as needed to reflect the new numbers/dollar values, then click the "Submit" button to save your changes.

Updating the Stat Titles

Each stat's title has two lines, designated by the stat1title1stat1title2, etc. variables. On the right will be the current title text. Replace the text for the for the appropriate stat(s) on the right-hand side, then click the "Submit" button to save your changes.

Updating the Icons

Icons can be updated using the Font Awesome website search, linked below. Any of the free icons can be used at this time.

Font Awesome Icon Search Page

Begin by searching for the type of icon you would like (ex. money, envelope, building). Once you have located an appropriate icon, click on it to view it's page. At the top of the page will be an icon code, as shown in the example image.

Only the darker text from the code, between the quotation marks, is necessary (ex. fas fa-dollar-sign). Click to copy the code, then paste and strip out the unneeded characters.

For example:

<i class="far fa-envelope"></i>

would become

far fa-envelope

Use the resulting text to replace the stat1icon, stat2icon, or stat3icon value, then click the "Submit" button to save your changes.