{"id":11034,"date":"2015-01-19T14:25:57","date_gmt":"2015-01-19T14:25:57","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=11034"},"modified":"2021-07-20T11:38:31","modified_gmt":"2021-07-20T09:38:31","slug":"checklist","status":"publish","type":"page","link":"https:\/\/www.realclubmaritimomelilla.es\/clmar\/checklist\/","title":{"rendered":"Checklist"},"content":{"rendered":"

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><\/div><\/div><\/div><\/div>
  • <\/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><\/div><\/div>
    • <\/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><\/div><\/div>
      • <\/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><\/div><\/div><\/div><\/div>

        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><\/div><\/div><\/div><\/div>
        • <\/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><\/div><\/div>
          • <\/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><\/div><\/div>
            • <\/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><\/div><\/div><\/div><\/div>

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

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

              <\/div><\/div><\/div><\/div><\/div>
              • <\/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><\/div><\/div>
                • <\/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><\/div><\/div>
                  • <\/i><\/span>
                    Large Item 1<\/div><\/li>
                  • <\/i><\/span>
                    Large Item 2<\/div><\/li>
                  • <\/i><\/span>
                    Large Item 3<\/div><\/li><\/ul>
                    <\/div><\/div><\/div><\/div><\/div>

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

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

                    <\/div><\/div><\/div><\/div><\/div>
                    • <\/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><\/div><\/div>
                      • <\/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><\/div><\/div><\/div><\/div>

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