{"id":58144,"date":"2015-12-08T05:54:25","date_gmt":"2015-12-08T10:54:25","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=58144"},"modified":"2017-09-11T06:31:01","modified_gmt":"2017-09-11T10:31:01","slug":"cherryframework-4-x-how-to-change-icons-generated-with-list-shortcode","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-x-how-to-change-icons-generated-with-list-shortcode.html","title":{"rendered":"CherryFramework 4.x. How to change icons generated with list shortcode"},"content":{"rendered":"<p>This time you will learn how to change the list icons which are defined in the CherryFramework 4 shortcode.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=EjeOSF_Pf_0?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4.x. How to change icons generated with list shortcode<\/a>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>Please follow the steps listed below:<\/p>\r\n\r\n<ol>\r\n\t<li><p>First, you should open the page where the list was integrated and you will be able to see the part of the code provided below:<\/p>\r\n\t<pre>[cherry_list icon=&quot;icon: fa fa-star&quot; class=&quot;list&quot;]<\/pre>\r\n\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode-300x127.png\" alt=\"CherryFramework 4.x. How to change the icons in lists generated with shortcode\" width=\"300\" height=\"127\" class=\"aligncenter size-medium wp-image-58145\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode-300x127.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode-150x63.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode-1024x432.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode.png 1258w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>In order to change the icon, open the link with the <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\">list<\/a> of all the icons available:<\/p>\r\n\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode2-300x155.png\" alt=\"CherryFramework 4.x. How to change the icons in lists generated with shortcode2\" width=\"300\" height=\"155\" class=\"aligncenter size-medium wp-image-58146\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode2-300x155.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode2-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/11\/CherryFramework-4.x.-How-to-change-the-icons-in-lists-generated-with-shortcode2.png 882w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>Choose the icon you like and open it up in order to copy the code of it.<\/p><\/li>\r\n\t<li><p>Paste it instead of the previous one and save the changes.<\/p><\/li>\r\n<\/ol>\r\n\r\n<p>Reload the page in order to see the changes.<\/p>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=EjeOSF_Pf_0?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4.x. How to change icons generated with list shortcode<\/a>","protected":false},"excerpt":{"rendered":"<p>This time you will learn how to change the list icons which are defined in the CherryFramework 4 shortcode.<\/p>\n","protected":false},"author":63,"featured_media":58148,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,674,896,1415],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58144"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=58144"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58144\/revisions"}],"predecessor-version":[{"id":83133,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58144\/revisions\/83133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/58148"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=58144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=58144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=58144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}