pagelayer-logo-256
Request A Demo
By entering your email, you agree to our Terms of Service and Privacy Policy
love-subscribe

Download Pagelayer Plugin

Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !

New year Offer
35% Off

Offer Expired

Days
Hours
Minutes
Seconds
COUPON CODE - NEWYEAR
pagelayer-logo
Pagelayer
Download
Icon

The Icon Widget is useful for displaying the Font Awesome icons in various styles on your page.

icon_01

Icon

  • Icon : Choose icon from the list of Font Awesome Icons

  • Background Space : Set the background space around the icon

  • Link : Enter the URL for the icon's link. To open a link in new window(tab) just click on slide button

  • Alignment : Align your icon in left, right or center

    • Style & Hover Effects

    Normal

  • Color : Set the color of Icon

  • Background Shape : There are three different type of shape for the widget i.e Circle, Square and Rounded. If the circle shape is selected there will be a space created around the icon in circular form

  • Size : Choose the size of your icon from the given size available i.e small, large, mini, extra large, double large or you can customize the size of your icon by just selecting the Custom from the options available in the drop down

  • Rotate : Rotate the icon

  • Background Color : Set the color to the Background Shape selected to your icon

    • Hover

  • Delay : Set the delay time for the hover effects to apply

  • Color : Set the color of icon

  • Animation : Choose the different types of animation effect from the options available in the drop down

  • Rotate : Rotate the icon

  • Background Color : Set the color to the Background Shape selected to your icon

    • Border

    Normal

  • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.

  • Border Color : Set the Border Color

  • Border Width : Set the width to control the thickness of the border around the button

  • Border Radius : Set the border radius to control corner roundness

    • Hover

  • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.

  • Border Color : Set the Border Color

  • Border Width : Set the width to control the thickness of the border around the button

  • Border Radius : Set the border radius to control corner roundness . To Know More CLICK HERE

    • NOTE - In advance option tab . Do more styling to the Icon Widget.To know more about advance option tab. CLICK HERE
      Was this page helpful?
      Yes 1 No 3
      Open Modal Box
      Newsletter Subscription
      Subscribing you to the mailing list