TRY PINEGROW

for free for 7 days

  • Features
  • Documentation
  • Forum
  • Blog
  • Download
Back

Using Font Awesome plugin

Categories: Misc

Pinegrow comes with a Font Awesome plugin that lets you easily add icons to the page and edit their properties. It also supports Icon stacks.

Activate the plugin

Use Plugin manager to activate the Font Awesome plugin:

Pinegrow will ask you if you want to include Font Awesome CSS from CDN to the page:

You can also add CSS manually in File -> Manage stylesheets.

Font Awesome components will appear in the LIB panel.

Add icons to the page

Place Font Awesome Icon from the LIB panel to the page.

Edit icons

Select an icon and go to PROP panel where you can choose the icon and edit its properties:

Select the icon:

Icon stacks

Place Font Awesome Icon Stack to the page to use stacked icons:

Select individual icons in the stack to edit their properties:



Last updated on February 16, 2016 at 12:24 pm


Print this article

Find this document useful ? Share it !
  • Contents

    • Activate the plugin
    • Add icons to the page
    • Edit icons
    • Icon stacks
  • Helpdesk

    • What Pinegrow is and isn’t
    • Support Forum
    • #Slack Community
    • Release notes
    • Download older versions
    • Contact Us
Back to Top
  • Recent Articles

    • How to Try Pinegrow for free for 7 days ?
    • Use the right jQuery version in your WordPress themes projects with Bootstrap V3.3.x
    • Countdown to Pinegrow 3.0 – A New Feature Presented Every Week
    • Experience Feedback: The relaunch of Mr. Bürli
    • How to use ACF Pro Flexible Content with Pinegrow WP
  • Editing

    • Layout
    • Elements
    • Text
    • Code
    • Javascript
    • PHP, ASP, ERB
    • Editing with Atom Editor
    • Tips & Tricks
    • More …
  • Pro Features

    • Features Overview
    • Projects
    • Master Pages
    • Components
    • Editable areas
    • Libraries
    • Partials
    • CMS
  • Blocks

    • Components
    • Editable areas
    • Build your own Blocks
    • Bootstrap Blocks
    • Bootstrap Blocks for WP
  • Helpdesk

    • What Pinegrow is and isn’t
    • Support Forum
    • #Slack Community
    • Release notes
    • Download older versions
    • Contact Us
Pinegrow Web Editor © Humane technologies LLC, Poklukarjeva 22, 1000 Ljubljana, Slovenia