Forum Academy Marketplace Showcase Pricing Features

Button with icon and text

I’ve seen a few people ask how to have a button with an icon and text like below.

icon image

  1. Insert normal button
  2. Right click on button and choose ‘Group elements in a group’ (this keeps the button and the icon together in a group
  3. Add a text element and centre vertically, but instead of text, put the fontawesome code such as [fa]arrow-right[/fa]

You can change the text and icon sizes and colours by creating a new style for each.

1 Like

You should use the text element for this. Text element can have background and order just like button. So no need to use button.

1 Like

Yes you can, but the issue with that is a text button won’t trigger an event when the user clicks the return button so it doesn’t ‘feel’ like a button.

plus a text element is bad for a11yproject.com and overall accessibility