If you are using one of our themes, just add it in the Custom CSS Box you’ll find at Theme Options > Design. The following piece of code can be added to your theme on the child theme style.css file (if you are using one) or by using a plugin like Jetpack with its Custom CSS feature on. Is there a way to add heading to category page Or is a way to set the Using Products in the right panel to h1 tag This topic was modified 4 months, 3 weeks ago by chcw. We’ll define two rules for the before pseudo element: the icon, as a content, and its font family. I see you set the heading Using Products to tag H3. The Unicode value for that icon is “f19a”, got that? If so, let’s do it. In this example, we will add the WordPress logo to a module title in our Binder PRO theme. Let’s look at the icons list page in Font Awesome and pick -for our example- this WordPress logo icon. So why don’t use that now?įor this, we’ll first need our chosen icon in Unicode format. By using the before pseudo element, we can add content before any particular HTML tag. Pseudo elements (such as last-child, before, after, etc.) let us assign CSS rules to different parts of our HTML elements, which may not be accessible with regular classes on our markup. On a :before pseudo element via Custom CSS If not, jump over to the Font Awesome Getting Started page and follow the steps there before going on. If you are using any of our themes you should be ready to go. This post will shortly cover two different ways to add Font Awesome’s icons to any specific heading in your WordPress theme. Using icons next to particular portions of your design will help communicating a message and can -mostly- make life easier on your users.
0 kommentar(er)
