Categories

CherryFramework 4.x. How to create custom styled lists with shortcode

Elina Webb September 2, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

CherryFramework 4.x. How to create custom styled lists with shortcode

This tutorial will show you how to add a list with icons in CherryFramework4 template:

CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-1

  1. From WordPress Admin Panel, go to Pages > New page (or you can add the shortcode to any current pages that you have):

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-2

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

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-3

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-4

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-5

  3. You will see the new shortcodes added to the page. Each piece of shortcodes will start with [cherry_list icon=”…”] and end up with [/cherry_list].

    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 button):

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-6

    You can also upload you new icon image with Media manager instead of Icon picker, then replace … with the new link of uploaded image:

    CherryFramework4.x-How_to_create_custom_styled_lists_with_shortcode-7

Feel free to check the detailed video tutorial below:

CherryFramework 4.x. How to create custom styled lists with shortcode

Wordpress Responsive Templates
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged CherryFramework4, custom, list, shortcode, style. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket