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:
- Add a Icon instance to the edited page or post
- Open the Settings for the added element
- Open the "Icon" tab
- Select the desired icon family, under the "Icon library" dropdown
- In the "Icon" field choose the desired icon
- 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:
- Add a Icon instance to the edited page or post
- Open the Settings for the added element
- Open the "Icon" tab
- Select the desired icon
- Tick the "Render as Circle?" checkbox
- Under "Circle Size" enter a different size, if necessary
- 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.