What's the best pay to add a font-icon to category headers (archive-title) on a Genesis site? #genesiswp
— David Gray (@iamdavidgray) July 31, 2014
I (usually) never term the approach and code in any of my articles as the ‘best’ as I believe it is all relative and there are many ways to skin a cat. Nevertheless, below is what I believe the easiest method for adding icon fonts before archive titles in Genesis.
Edit the category for which you wish to use the headlines and enter your desired title.
See my article titled Category Archive Headline and Intro Text in Genesis for more info.
In child theme’s functions.php, add
|1 2 3 4 5 6 7 8 9 10||
Add the following in child theme’s style.css:
|1 2 3 4 5||
In the above, replace ‘drink’ with your category’s slug.
One way to get this is to observe the body element’s CSS classes for that particular category’s archive page. Ex.: At http://genesis.dev/category/drink/
Also in the CSS code, replace f000 with the unicode of your desired font icon. This can be obtained on the page that comes up after clicking on the icon of your choice at http://fontawesome.io/icons/.