[codebean_section_title title=”Counter Box” title_size=”large” title_color=”#ffffff” title_text_align=”center” margin_bottom=”2″ width=””][codebean_section_subtitle color=”#ffffff” text_align=”center” text=”Includes multiple animated counter elements.” width=””]
[codebean_animated_counter add_icon=”” color_scheme=”custom” value=”28500″ label=”Site Award Nominations” css=”.vc_custom_1522952008952{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}” text_color=”#f89d0e”]
[codebean_animated_counter add_icon=”” color_scheme=”custom” value=”15000″ label=”Site Award Nominations” css=”.vc_custom_1522952045842{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}” text_color=”#428bca”]
[codebean_animated_counter add_icon=”” color_scheme=”custom” value=”15000″ label=”Site Award Nominations” css=”.vc_custom_1522952081450{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}” text_color=”#f3562f”]
Animated Counters with Icons
Each counter box instance can display a font awesome icon with the content.
[codebean_animated_counter add_icon=”true” icon=”ti-panel” color_scheme=”dark” value=”462″ label=”Site Award Nominations” css=”.vc_custom_1522952303535{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: rgba(244,164,121,0.2) !important;border-left-style: solid !important;border-right-color: rgba(244,164,121,0.2) !important;border-right-style: solid !important;border-top-color: rgba(244,164,121,0.2) !important;border-top-style: solid !important;border-bottom-color: rgba(244,164,121,0.2) !important;border-bottom-style: solid !important;}” icon_color=”#f4a479″ icon_size=”37″]
[codebean_animated_counter add_icon=”true” icon=”ti-truck” color_scheme=”light” value=”328″ label=”Site Award Nominations” css=”.vc_custom_1522952370608{padding: 30px !important;background-color: #2dc2c1 !important;}” icon_color=”#ffffff” icon_size=”37″]
[codebean_animated_counter add_icon=”true” icon=”ti-map-alt” color_scheme=”custom” value=”188″ label=”Site Award Nominations” css=”.vc_custom_1522952483492{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}” icon_color=”#be73dd” icon_size=”37″ text_color=”#be73dd”]