The hand of a businessman touching a screen interface in the foreground. Image by Gerd Altmann from Pixabay.
Image by Gerd Altmann from Pixabay

Create a clickable taxonomy-based icon grid

We've had a few enterprising users ask how the Horticulture site put together their Block Chain icon grid presented on their site's homepage. Take ten minutes to watch Carson Black, senior developer, give a video overview of how this was created for the department by the Web Development team.

It's important to note that this is advanced, custom work and requires you to have a Site Builder role to access the necessary areas of your site to build it.


Anthony Horn, a frontend designer, has isolated the CSS/SCSS we used for this project to provide you with a bootstrap starting point for customizing the elements to an approximation of what is demonstrated in the video. Be advised that block classes and field classes will be different in your implementation. Choose one or the other to work with:

Primary Category