{"id":2654,"date":"2022-06-19T22:43:16","date_gmt":"2022-06-19T12:43:16","guid":{"rendered":"https:\/\/docs.a3rev.com\/?p=2654"},"modified":"2024-10-23T12:33:26","modified_gmt":"2024-10-23T02:33:26","slug":"a3-icon","status":"publish","type":"post","link":"https:\/\/docs.a3rev.com\/a3-icon\/","title":{"rendered":"a3 Icon"},"content":{"rendered":"
\n\t\t \t

<\/i> Navigation<\/h3>\n\t\t \t\t
\n\t\t \t\t\t<\/i>\n\t\t \t\t\t
  1. Getting Started <\/a><\/div>
  2. Icon General Settings<\/a><\/div>
  3. Icons Style<\/a><\/i><\/span><\/div>
    1. Stacked Image Style<\/a><\/div><\/ol><\/li>
    2. Advanced<\/a><\/div><\/li><\/ol>\n\t\t \t\t<\/div>\n\t\t \t<\/div><\/div>
      \n

      Getting Started <\/h2>\n\n\n\n

      The a3 Icon Block allows you to configure icons in many ways. Setting up and style the icon block is very simple!<\/p>\n\n\n\n

      The purpose of the a3 Icon Gutenberg Block is to create catchy lists like: services, amenities, projects or any kind of content.<\/p>\n\n\n\n

      Firstly, select the icon block from your a3 blocks list.<\/p>\n\n\n\n

      \"\"<\/a><\/figure>\n\n\n\n
      <\/div><\/div>\n\n\n\n

      Icon General Settings<\/h2>\n\n\n\n

      Let\u2019s have a look at the main settings and features of this block.<\/p>\n\n\n\n

      First setting that we have is to set the amount of icons you\u2019d like to show within the block. You can have from 1 to a maximum of 10 icons. Also there is a option to set the Alignment from left, right or center on all devices: Desktop, Tablet or Mobile.<\/p>\n\n\n\n

      \"\"<\/a><\/figure>\n\n\n\n

      When multiple icons are chosen, you need to edit them individually by opening each icon\u2019s settings. Select which Icon you\u2019d like to edit by opening its respective icon settings:<\/p>\n\n\n\n

      \"\"<\/a><\/figure>\n\n\n\n
      <\/div><\/div>\n\n\n\n

      Icons Style<\/h2>\n\n\n\n

      You will be able to customize it with the way you want as you will have the option to choose from Font Awesome icons list.<\/p>\n\n\n\n

      Each icon have individual settings such as: <\/p>\n\n\n\n