{"id":11034,"date":"2015-01-19T14:25:57","date_gmt":"2015-01-19T14:25:57","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=11034"},"modified":"2015-01-19T14:25:57","modified_gmt":"2015-01-19T14:25:57","slug":"checklist","status":"publish","type":"page","link":"https:\/\/thegene.copangroup.com\/index.php\/checklist\/","title":{"rendered":"Checklist"},"content":{"rendered":"

\n\t\t\t\t\t
\n\t\t\t\t\t\t

Checklist Shortcode<\/h1>\n

Avada includes a useful Checklist Shortcode that will make displaying bullet points attractive and eye-catching. These checklists are stylized checklist with font awesome integration to efficiently display important bullet points to your viewers.<\/p>\n<\/div>

<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
  • <\/i><\/span>
    Simple yet Eye-catching Design<\/div><\/li>
  • <\/i><\/span>
    Complete Font Awesome Integration<\/div><\/li>
  • <\/i><\/span>
    Select Individual Icons For Each Item<\/div><\/li><\/ul>
    <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
    \n\t\t\t\t\t
    \n\t\t\t\t\t\t
    • <\/i><\/span>
      Fully Customizable Appearance<\/div><\/li>
    • <\/i><\/span>
      Complete Icon and Background Color Control<\/div><\/li>
    • <\/i><\/span>
      Display Icons in A Circle or Without<\/div><\/li><\/ul>
      <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
      \n\t\t\t\t\t
      \n\t\t\t\t\t\t
      • <\/i><\/span>
        Choose from 3 Different Sizes<\/div><\/li>
      • <\/i><\/span>
        Complete Emphasis on Important Points<\/div><\/li>
      • <\/i><\/span>
        Quick, Simple, and Easy To Use<\/div><\/li><\/ul>
        <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
        \n\t\t\t\t\t
        \n\t\t\t\t\t\t

        Icon And Style Control<\/strong><\/span><\/p>\n

        Select any of the font awesome icons and control the icon color and circle color. One global icon can be used in each list or choose a unique icon per line item. In addition you can choose to show no circle.<\/p>\n<\/div>

        <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
        \n\t\t\t\t\t
        \n\t\t\t\t\t\t
        • <\/i><\/span>
          Global Icon List Item 1<\/div><\/li>
        • <\/i><\/span>
          Global Icon List Item 2<\/div><\/li>
        • <\/i><\/span>
          Global Icon List Item 3<\/div><\/li><\/ul>
          <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
          \n\t\t\t\t\t
          \n\t\t\t\t\t\t
          • <\/i><\/span>
            Unique Icon List Item 1<\/div><\/li>
          • <\/i><\/span>
            Unique Icon List Item 2<\/div><\/li>
          • <\/i><\/span>
            Unique Icon List Item 3<\/div><\/li><\/ul>
            <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
            \n\t\t\t\t\t
            \n\t\t\t\t\t\t
            • <\/i><\/span>
              No Circle List Item 1<\/div><\/li>
            • <\/i><\/span>
              No Circle List Item 2<\/div><\/li>
            • <\/i><\/span>
              No Circle List Item 3<\/div><\/li><\/ul>
              <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
              \n\t\t\t\t\t
              \n\t\t\t\t\t\t

              Checklist Size<\/strong><\/span><\/p>\n

              Choose your checklist icons and content to be small, medium or large.<\/p>\n<\/div>

              <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
              \n\t\t\t\t\t
              \n\t\t\t\t\t\t
              • <\/i><\/span>
                Small List Item 1<\/div><\/li>
              • <\/i><\/span>
                Small List Item 2<\/div><\/li>
              • <\/i><\/span>
                Small List Item 3<\/div><\/li><\/ul>
                <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
                \n\t\t\t\t\t
                \n\t\t\t\t\t\t
                • <\/i><\/span>
                  Medium List Item 1<\/div><\/li>
                • <\/i><\/span>
                  Medium List Item 2<\/div><\/li>
                • <\/i><\/span>
                  Medium List Item 3<\/div><\/li><\/ul>
                  <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
                  \n\t\t\t\t\t
                  \n\t\t\t\t\t\t
                  • <\/i><\/span>
                    Large Item 1<\/div><\/li>
                  • <\/i><\/span>
                    Large Item 2<\/div><\/li>
                  • <\/i><\/span>
                    Large Item 3<\/div><\/li><\/ul>
                    <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
                    \n\t\t\t\t\t
                    \n\t\t\t\t\t\t

                    Complete Set of Options <\/strong><\/span><\/p>\n

                    Every option and description included with the checklist\u00a0shortcode is listed below.<\/p>\n<\/div>

                    <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
                    \n\t\t\t\t\t
                    \n\t\t\t\t\t\t
                    • <\/i><\/span>
                      icon<\/strong> – A font awesome icon value. For example, fa-glass<\/em>.<\/div><\/li>
                    • <\/i><\/span>
                      iconcolor<\/strong> – Accepts a hexcode ( #000000 ).<\/em> Sets the icon’s color for all list items. Leave blank for Theme Option selection.<\/div><\/li>
                    • <\/i><\/span>
                      circle<\/strong> – Can be one of these values: default,<\/em> yes, <\/em>or no.<\/em> Sets if the icon is circular or not. Choose default<\/em> for Theme Option selection.<\/div><\/li>
                    • <\/i><\/span>
                      circlecolor<\/strong> – Accepts a hexcode ( #000000 )<\/em>. Sets the icon’s background color for all list items. Leave blank for Theme Option selection.<\/div><\/li><\/ul>
                      <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
                      \n\t\t\t\t\t
                      \n\t\t\t\t\t\t
                      • <\/i><\/span>
                        size<\/strong> – Can be one of these values: small, medium, <\/em>or large. <\/em>Sets the list item’s size. Leave blank for Theme Option selection.<\/div><\/li>
                      • <\/i><\/span>
                        class<\/strong> – Add a custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li>
                      • <\/i><\/span>
                        id<\/strong> – Add a custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul>
                        <\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
                        \n\t\t\t\t\t
                        \n\t\t\t\t\t\t

                        Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<\/div>