{"id":3136,"date":"2022-07-06T04:11:11","date_gmt":"2022-07-05T18:11:11","guid":{"rendered":"https:\/\/docs.a3rev.com\/?p=3136"},"modified":"2024-10-23T12:32:29","modified_gmt":"2024-10-23T02:32:29","slug":"a3-buttons","status":"publish","type":"post","link":"https:\/\/docs.a3rev.com\/a3-buttons\/","title":{"rendered":"a3 Buttons"},"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. Buttons Toolbar<\/a><\/div>
  3. Buttons Links and Text<\/a><\/div>
  4. Button Space and Margin<\/a><\/div>
  5. Button Border<\/a><\/div>
  6. Button Color<\/a><\/div>
  7. Button Icon<\/a><\/div>
  8. Button Custom Font<\/a><\/div>
  9. Animation Scroll<\/a><\/div>
  10. Advanced<\/a><\/div>
  11. Tips and Tricks<\/a><\/i><\/span><\/div>
    1. Duplicate a button<\/a><\/div>
    2. Delete a button<\/a><\/div>
    3. Reuse same button style<\/a><\/div><\/ol><\/li><\/ol>\n\t\t \t\t<\/div>\n\t\t \t<\/div><\/div>
      \n

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

      a3 Buttons<\/strong> is a much better version of core Gutenberg button block, with many extra options including advanced styling such as hover, margin, border, padding, shadows, icons, color styles, animation, advanced typography and more.
      The a3 Buttons block<\/strong> allows you to add one or more buttons to any section of your site. Each button have individual settings and you can insert as many as you want.<\/p>\n\n\n\n

      So to get started chose the Buttons block from a3 BlockPress list or type the name of the block. Click on the + <\/strong>Block Inserter icon and search for \u201cButtons\u201d. Click it to add the block to the post or page.<\/p>\n\n\n\n

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

      Buttons Toolbar<\/h2>\n\n\n\n

      Every block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n

      The buttons block<\/em> has a toolbar for the individual button as well as a toolbar for the entire block. <\/p>\n\n\n\n

      The toolbar for the entire block contain the alignment of the buttons and the More options.<\/p>\n\n\n\n

      \"\"
      Entire Block Options<\/figcaption><\/figure>\n\n\n\n

      The toolbar for the individual buttons has the following options:<\/p>\n\n\n\n