Add counter & skills block to any page/post/portfolio post.
Please follow below steps to use “Counter & Skills” shortcode.
- Step 1: Login to WordPress Admin section.
- Step 2: Add/Edit any page/post/portfolio post.
- Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
- Step 4: Click on H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Counter & Skills” shortcode.
- Step 5: Follow below inputs/settings and see “Counter & Skills” preview in frontend.
General (tab)
Counter or Skill – Select counter.
Select Counter Icon – Select icon for counter.
Counter Number – Define counter number.
Title – Add text for title.
General (tab)
Counter or Skill –Select Skill.
Percentage – Percentage, add numeric value only like 75 for 75%
Title – Add text for title.
Subtitle – Add text for subtitle.
Configuration (tab)
Configuration for counter block:
Counter Number Style – Select counter number style as white, black or set custom color.
Icon Size – Select icon size (Extra Large, Large, Medium, Small or Extra Small)
Title Style – Select title style as white, black or set custom color.
Icon Color – Set icon color.
Configuration (tab)
Configuration for skill block:
Title Style – Select title style as white, black or set custom color.
Percentage Style – Select percentage style as white, black or set custom color.
Line Width – Specify line width eg. 2
Bar Color – Set bar color.
Track Color – Set track color.
Animation (tab)
Animation Duration Time – Select Animation Duration Time as you want.
Extras (tab)
Extra ID – Define element id (The id attribute specifies a unique id for an HTML element)
Extra Class – Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”
