{"id":267,"date":"2022-08-13T17:27:09","date_gmt":"2022-08-13T17:27:09","guid":{"rendered":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/?p=267"},"modified":"2022-08-14T18:47:31","modified_gmt":"2022-08-14T18:47:31","slug":"how-to-add-change-font-awesome-icons-with-menu-items","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/blog\/how-to-add-change-font-awesome-icons-with-menu-items\/","title":{"rendered":"How to Add\/Change Font-Awesome Icons with Menu Items"},"content":{"rendered":"\n<p>PantoGraph theme supports <a href=\"https:\/\/fontawesome.com\/v5\/search?m=free\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">Font-Awesome v5.1 free icons<\/a> with the Menus. Visit your<strong> &#8216;Appearance &gt; Menus<\/strong>&#8216; page and from the top right corner, open the &#8216;<strong>Screen Options<\/strong>&#8216; bar. Enable the &#8216;<strong>Title Attribute<\/strong>&#8216; from there (as shown in the image below)<\/p>\n\n\n<div class=\"wp-block-image aligncenter size-large\">\n<figure class=\"\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2022\/08\/pantograph-main-menu-screen-options.png\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2022\/08\/pantograph-main-menu-screen-options.png\" alt=\"\"\/><\/a><\/figure><\/div>\n\n\n<p>Now you will find &#8216;Title Attribute&#8217; field with each of your Menu Items. Input your font-awesome icon name there. For example, input <strong>fas fa-futbol<\/strong> for <a rel=\"nofollow noreferrer noopener\" href=\"https:\/\/fontawesome.com\/v5\/icons\/futbol?s=solid\" target=\"_blank\">football icon<\/a>.<\/p>\n\n\n<div class=\"wp-block-image aligncenter size-large\">\n<figure class=\"\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2022\/08\/pantograph-main-menu-title-attributes.png\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2022\/08\/pantograph-main-menu-title-attributes.png\" alt=\"\"\/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>PantoGraph theme supports Font-Awesome v5.1 free icons with the Menus. Visit your &#8216;Appearance &gt; Menus&#8216; page and from the top right corner, open the &#8216;Screen Options&#8216; bar. Enable the &#8216;Title Attribute&#8216; from there (as shown in the image below) Now you will find &#8216;Title Attribute&#8217; field with each of your Menu Items. Input your font-awesome [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/267"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/267\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/media?parent=267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/categories?post=267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/tags?post=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}