{"id":53333,"date":"2015-09-02T04:49:52","date_gmt":"2015-09-02T08:49:52","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=53333"},"modified":"2017-08-11T06:25:23","modified_gmt":"2017-08-11T10:25:23","slug":"how-to-create-custom-styled-lists-with-shortcode","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-create-custom-styled-lists-with-shortcode.html","title":{"rendered":"CherryFramework 4.x. How to create custom styled lists with shortcode"},"content":{"rendered":"

\r\n

CherryFramework 4.x. How to create custom styled lists with shortcode<\/a><\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

This tutorial will show you how to add a list with icons in CherryFramework4<\/strong> template:<\/p>\r\n

\"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-1\"<\/a><\/p>\r\n

    \r\n
  1. \r\n

    From WordPress Admin Panel<\/strong>, go to Pages<\/strong> > New page<\/strong> (or you can add the shortcode to any current pages that you have): <\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-2\"<\/a>\r\n <\/li>\r\n

  2. \r\n

    Click on Insert shortcode<\/strong> button on the top of the page editor, click List<\/strong> shortcode. A new window will be opened, click on Icon picker<\/strong>, you will see the list of icons which are available for the template, select the one you like. Then click on Insert shortcode<\/strong>:<\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-3\"<\/a><\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-4\"<\/a><\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-5\"<\/a>\r\n <\/li>\r\n

  3. \r\n

    You will see the new shortcodes added to the page. Each piece of shortcodes will start with [cherry_list icon=”…”]<\/em> and end up with [\/cherry_list].<\/em><\/p>\r\n

    If you need to replace the current icon with other icon, just replace … with the new class of icon (which can be created with Insert shortcodes<\/strong> button):<\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-6\"<\/a><\/p>\r\n

    You can also upload you new icon image with Media manager<\/strong> instead of Icon picker<\/strong>, then replace … with the new link of uploaded image:<\/p>\r\n

    \"CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-7\"<\/a>\r\n <\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    CherryFramework 4.x. How to create custom styled lists with shortcode<\/a><\/p>\r\n<\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial will show you how to add a list with icons in CherryFramework4<\/strong> template.<\/p>\n","protected":false},"author":69,"featured_media":53358,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,789,896,1415,517],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53333"}],"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\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=53333"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53333\/revisions"}],"predecessor-version":[{"id":82659,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53333\/revisions\/82659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/53358"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=53333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=53333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=53333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}