Adding Icons to Buttons

Theme uses the  Font Awesome library to display icons in the theme so there is no need to use any 3rd party plugins to load the Font Awesome icons. The library includes more than 600+ icons and it's possible to add these icons to the buttons. To do so please follow these steps:

  • Copy the icon code and insert it before a button text using the Text editor.

Code Snippets

This is a code snippet of the regular button:

<a class="button" href="https://goedemorgenwp.com/"><i class="fa fa-pencil" aria-hidden="true"></i> Regular Button</a>

This is a code snippet of the secondary button:

<a class="button secondary-button" href="https://goedemorgenwp.com/"><i class="fa fa-pencil" aria-hidden="true"></i> Secondary Button</a>

This is a code snippet of the minimal button:

<a class="button minimal-button" href="https://goedemorgenwp.com/"><i class="fa fa-pencil" aria-hidden="true"></i> Minimal Button</a>

Still need help? Contact Us Contact Us