![]() You can also use the ::after pseudo-element to place an icon after the link text. In this example, the ID selector for the menu’s home link is #menu-link-1 which you can see by right-clicking the link and choosing Inspect in the browser menu. The CSS3 pseudo-element ::before will place the icon before the link text. In the following demo, I’ve included the Font Awesome library and an example menu styled three different ways to show how you can add icons before (or after) the link, or replace the link with an icon.ĭownload Demo ZIP Step 1 – Get Your Element’s Selector Learn more about Font Awesome install options or learn more about Themify Icon install options. Themify WordPress themes already come with both FontAwesome and Themify Fonts installed. ![]()
0 Comments
Leave a Reply. |