Step 3.Īdd this CSS in your Child themes Style.css file or in you Customizer additional CSS option. Replace this part with the one you want to useįor example, replace dashicons-facebook-alt with dashicons-heart and the heart icon will be displayed. We can find an icon’s class by clicking on it Third and the most important one is the class=”dashicons dashicons-facebook-alt”Įach font in the Dashicons has a specific class that is used to display the icon. You can find all available icons and the appropriate selector at the Dashicons Website. Make sure to check if the existing icon is set via img or background-image and add some CSS to overwrite it with one of the available icons. To add more icons, you will need to customize three parts in it.Īria-label is text that describes the link 2 Answers Sorted by: 6 Yes, you can replace existing icons by overwriting them via CSS. In this code, we display the Facebook and Twitter icons only. You can manage widgets under Dashboard > Appearance > Widgets. This will free up the browser from requesting additional files.Īdd the Custom HTML widget in the sidebar or footer. We will use these icons instead of external icons. They appear in the left sidebar of every WordPress site admin backend. For any issues that appear within WordPress core, please create a new ticket on trac. The Dashicons project is no longer accepting icon requests. Dashicons is the official WordPress icon font. Dashicons is the official icon font of the WordPress admin as of 3.8. If you’re someone who takes page speed seriously, you will love this. There are a ton of posts that show how to add icons using font awesome, but I will show you a much simpler way without having to add any external icons. Want to add social media icons to your WordPress site without a plugin?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |