9th May '24
/
3 comments

ACF Font Awesome Field in Bricks

This Pro tutorial walks you through using the Advanced Custom Fields: Font Awesome Field plugin in Bricks for showing Font Awesome icons.

Consider this ACF field group with a Repeater field having the Font Awesome ACF sub field for a Page:

Result after implementing the tutorial:

Step 1

Install the Advanced Custom Fields: Font Awesome Field plugin and activate it.

Create the ACF field group for your desired location (all Pages in this example).

JSON export of the field group

For the 'Font Awesome Icon' type field, leave the Return Value as 'Icon Element'.

Set 'Enqueue FontAwesome' to Yes. The plugin loads FA only on the pages where the icons are used.

Step 2

Edit your Page or Template with Bricks.

Copy the JSON from the link below and paste it in the Bricks editor.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Random images from ACF Options Gallery in Bricks

Random images from ACF Options Gallery in Bricks

This Pro tutorial provides the steps to output images from an ACF Gallery-type custom field in a Bricks query loop randomly with each image appearing…
Categories:
Pro
Related Services grouped by Service Categories on Single Branch Posts in Bricks

Related Services grouped by Service Categories on Single Branch Posts in Bricks

How to query ACF relationship fields on single CPT templates.
Categories:
Pro
Events grouped by Event Date custom field in Bricks

Events grouped by Event Date custom field in Bricks

This Pro tutorial for Bricks users provides the steps to output posts of an event custom post type dynamically grouped by the value of their…
Categories:
Pro
Category Grid with ACF Images in Bricks

Category Grid with ACF Images in Bricks

Creating a grid of post categories, each category card showing an image from an ACF field, category name & description.
Categories:
Pro
Programmatically populating ACF field values in WordPress

Programmatically populating ACF field values in WordPress

An example of how to set the values of a Select-type field with the names and labels of all public post types.
Categories:
Pro
Sub Field Value from the Last ACF Repeater Row in Bricks

Sub Field Value from the Last ACF Repeater Row in Bricks

Getting the value of a specific sub field of an ACF Pro‘s Repeater field and output in the query loop.
Categories:
Tags: