Kadence Gutenberg Blocks

Any subjective notes on these block are our opinions and others may not agree. All features for various blocks may not have been tested here.

Excellent demos and documentation on Kadence site

• Kadence Blocks is a WordPress Plugin
• https://www.kadenceblocks.com/custom-blocks/

---

Spacer/Divider Block

• https://www.kadenceblocks.com/spacer-divider-block/
• This simple block gives you optional divider options as well as letting you drag the height where you want.
• you can set color, size, and width. You can also assign custom heights for different screen sizes so your design can be perfectly responsive.
• Use divider with adjustable spacer option at same time
• more options, including size and more, than standard divider block

---

Advanced Button Block

• https://www.kadenceblocks.com/advanced-button-block/
• A powerful way to create buttons in Gutenberg. You can have multiple buttons per line and easily style text size, padding, border radius, border width, color, background, border and hover styles for the color, backgroundand border. 
• Many more options than other button blocks
• 81 pages of icon symbols to put on button
• can have multiple buttons with different options

---

Row Layout Block

• https://www.kadenceblocks.com/row-layout-block/
• better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical align and much more.
• Makes a row that you can layout columns in different configurations
• can put background for entire row
• more options than standard column block

---

Icon Block

• https://www.kadenceblocks.com/icon-block/
• Add an icon anywhere on the page
• numerous options, size, color, spacing setting for each icon
• 81 pages of icons
• can add links to them

---

Advanced heading Block

• https://www.kadenceblocks.com/advanced-heading-block/
• Full control for your headings, including font family (all google fonts are available), font weight, font style, font size (with optional tablet and mobile size control), line height, color, letter spacing alignment.
• Heading block with more options
• doesn’t pick up color set in theme options for headings but can put in a custom color
• not picked up by summary block

Paldom Websites

---

Tabs Block

• https://www.kadenceblocks.com/tabs-block/
• The Tabs Block is highly customizable with unique tab title settings for spacing, color, icons, and text. You can set up vertical or horizontal tabs, plus there are options to switch to an accordion setup for mobile. Each tab content is an empty canvas able to contain any other block within it.
• 4 layout options
• Lots of options for each tab including colors, icons, spacing, font
• Under a tab you can add almost any block, like in a column

---

Info Box Block

• https://www.kadenceblocks.com/info-box-block/
• The Info Box block provides a clickable box that contains an image or icon and optionally containing a title, description and learn more text.
• You can style static and hover colors change fonts, borders, even show a box shadow.
• Entire box can be a link or just the learn more text
• Lots of icons, color options and more
• Can use image in place of icon
• Could be useful for resource links, profiles, etc

---

Accordian Block

• https://www.kadenceblocks.com/accordion-block/
• Create beautiful accordions! Each pane is able to contain any other block, customize title styles, content background and borders.
• For expanding text
• Options include adding an icon, colors, but had trouble getting colors to work

---

Icon List Block

• https://www.kadenceblocks.com/icon-list-block/
• Create compelling lists by using custom icons instead of a default bullet. Choose from over 1500+ SVG icons to add to your list and style the list using custom colors, fonts sizes.
• can use different icon for each item if choose
• can put link in icon
• can reorder list items