Sample Page
Default Cover Block
(full width; image; 30% theme blue overlay; 40vh min-height)
Default paragraph text that is aligned center. This is to show the alignment of full-width spanning text in case it goes very long or has multiple different blocks that span the full width of a page. The inner content blocks appear to inherit the content max-width set by the Kadence theme.
Heading 2
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Heading 3
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
Small text line
Medium text line
Large text line
X-Large text line
XX-Large Text line
Heading 4
‘Large’ text line used as a type of ‘intro’ paragraph for pages. The type is larger than default body copy. Sonet verterem te est. Nostro nostrum quaestio est id, semper inimicus usu ad. Altera definitiones eu vis.
Additional paragraph content. Default link text. Lorem ipsum dolor sit amet, natum omnium ceteros est te, in sit everti omnesque, eum nostrum iudicabit voluptatibus et. Sonet verterem te est. Nostro nostrum quaestio est id, semper inimicus usu ad. Altera definitiones eu vis. Lorem sonet principes ei qui, veniam postea voluptatibus eam te, solum facilisi ut mei. Quo iisque aeterno appetere ei, id justo dicit per.
Link on its own line (bold applied) »
Heading 3 with Size ‘Large’ Applied
This is a quote using a Quote Block set to ‘Default’ styles. Color, background color, background image, and borders can all be adjusted.
– This is the citation…
Following are 3 Separator blocks. The first set as ‘Default‘, second as ‘Wide Line‘, and third as ‘Dots‘. Background color can be set on each, along with margins (all set to Medium).
Heading 2
This group is set to ‘None’ alignment. Block Spacing is not defined. Groups can have background colors, as this one has a light blue (theme gobal palette 7). The default padding around content for Group/Cover/etc blocks is set in ‘Customizer > Global > Block Settings‘ (in Astra themes).
Heading 3
This separator, heading, and paragraph are grouped. Creating a group adds default padding around the group. It can be set to align Wide, Full, or Default. This one is Wide aligned. Groups can have background colors, as this one has a ‘lighter background’ (theme global palette 8) global color. And if ‘Layout > Inner Blocks use Content Width‘ is enabled, the contents will inherit the theme’s max-width.
Heading 2
This group is set to ‘Full Width‘ alignment. Block Spacing is not defined. Groups can have background colors, as this one has a ‘subtle background’ (theme global palette 7) global color. ‘Inner Blocks use Content Width‘ is enabled.
Heading 3
This group is set to ‘Full Width‘ alignment. Groups can have background colors, as this one has a ‘subtle background’ (theme global palette 8) global color. ‘Inner Blocks use Content Width‘ is enabled, BUT there is a custom width of 1100px set for Content Width.
Heading 4
*Columns blocks can be aligned None, Wide, or Full. For columns to align with container width, if they have a background color , may have to choose Wide and then add appropriate side padding.
To align Full, make group and add the ‘content-max-width’ class to get columns to adhere to the content max-width set.
Unordered List (H5)
- Bullet List Item 1
- Bullet List Item 2
- Nested Bullet 1
- Nested Bullet 2
- Bullet List Item 3
Ordered List (H6)
- Item No. 1
- Item No. 2
- Item No. 3
- Item No. 4
- Item No. 5
Heading 6 (following is a default table)
| A Header | B Header |
|---|---|
| Row 1 | Row 1 – Col 2 |
| Row 2 | Row 2 – Col 2 |
| Row 3 | Row 3 – Col 2 |
Media + Text Heading (H3)
Default paragraph text for a media + text block. Text can be aligned top/middle/bottom of image. Image can be any arbitrary % width of row.
This is an image set to Align: Left – Size: Medium