Icon

Icon custom WPBakery Page Builder element, added by Loyde, renders an icon. "Icon" is actually a character from the selected icon library (i.e. icon font).

Available icon libraries

Available icon libraries are:

  • Theme Icons: these are the icons integrated into Loyde
  • Font Awesome

How to choose the icon

Steps:

  1. Add a Icon instance to the edited page or post
  2. Open the Settings for the added element
  3. Open the "Icon" tab
  4. Select the desired icon family, under the "Icon library" dropdown
  5. In the "Icon" field choose the desired icon
  6. Save changes.

How to style different aspects of the selected icon

The "Icon" tab offers a ricj set of additional settings, like:

  • Font size
  • Box shadow
  • Icon shadow
  • Icon padding
  • Icon margin
  • etc.

How to style the icon to appear inside a circle

Steps:

  1. Add a Icon instance to the edited page or post
  2. Open the Settings for the added element
  3. Open the "Icon" tab
  4. Select the desired icon
  5. Tick the "Render as Circle?" checkbox
  6. Under "Circle Size" enter a different size, if necessary
  7. Save changes.

How to apply primary & secondary accent color to the element

See description here.

How to apply a basic styling, which applies to the element as a whole

See description here.