HTML Templates Documentation

Buttons

HTML Website Templates buttons are defined by using 3 classes components:

• .btn

  main button class;

• .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl

  button layout classes, they are responsible for button size;

• .btn-default, .btn-primary, .btn-secondary-*

  button styling classes, responsible for its text and background colors.

Let’s check an example,

Here you can see a code for large sized button with primary template color styling.

Icons

HTML Website Templates icons are defined similarly to buttons:

• .icon

  main icon class;

• .icon-xs, .icon-sm, .icon-md, .icon-lg, .icon-xl

  icon layout classes, responsible for its sizing;

• .icon-default, .icon-primary, .icon-secondary-*

  icon styling classes, responsible for its text and background colors.

• fa-*, fl-*, material-design-*, etc.

  classes, responsible for icon code (symbol) inserting

Please note: variability of classes, responsible for icon code (symbol) inserting, depends on exact template. Some template may include few icon packages, and another one - just one package. List of all available classes for icon code (symbol) inserting is available on shortcodes.php page, located in template folder.

For example,

This code creates middle-sized icon with template primary color styling.