This creates a large hero block for page headers. Note that this is often heavily customised on a per-site basis.
This is an example of a block that has other blocks inside it. Using Gutenberg’s built-in nested blocks function, we can now place one of our blocks inside this nested block.
This is a column block.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
This is an example of a block that has other blocks inside it. Using Gutenberg’s built-in nested blocks function, we can now place one of our blocks inside this nested block.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Explicabo reiciendis quaerat nibh totam dolor sequi autem ac est vestibulum. Ipsam sequi voluptate, cupidatat litora augue, aute torquent recusandae aliquet? Proident? Metus voluptate leo sollicitudin ullam lacinia varius maiores fugit minus sint repellat? Numquam rutrum. Sem corporis blanditiis cursus molestias distinctio nostrud eu! Veniam leo nunc occaecati! Doloremque pharetra, fames aperiam dui culpa nonummy eaque orci wisi fames tenetur.
Buttons can be added to your content in two ways:
Primary button (toast-primary-button)
Secondary button (toast-secondary-button)
Tertiary button (toast-tertiary-button)
Note that only certain types of styling can be added to certain types of content; for example, a button style can only be applied to a link, and a boxed list style can only be applied to a list.
If the style is unavailable to the selected text, it will be greyed out.
Alert paragraph (toast-alert-paragraph)
This is an alert paragraph that can be customised for the theme.
Boxed list (toast-boxed-list)
Round image (toast-round-image) sets the border radius of an image to 100%, effectively making it round. Note that this only works on square images.
Primary button
Secondary button
Tertiary button
This is a simple accordion block. You can add columns to the accordion content by adding rows using the content repeater. You can also add an optional button to each column.
Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem×, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor. d
Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor.
This is an optional button×Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor.
Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor.
Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor.
Blandit commodi quibusdam explicabo autem delectus irure etiam commodo minima natus tempor et in iste incididunt, unde dictumst penatibus ea! Tempora totam inventore iusto, dolor lorem, lorem mollis! Nostra sequi exercitationem, quibusdam dapibus possimus justo, neque, dolore fugit, eaque! Justo occaecati nam voluptatibus, nobis, suspendisse repellendus magnam debitis, sapien sit! Incidunt repellendus? Elit dolorum temporibus distinctio, lacus posuere deserunt, porttitor.
This should be a description of what is required.
If you want more than one text column, you can add extra columns and optional buttons to this content.
Optional button×Padding for this content section is set at CSS level. You can also use an empty column if you wish to offset the content.
Optional button×This block allows you to choose the posts you wish to show. This block is set each time; you have to choose the content for the block rather than it automatically looping through content.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
Note that this block now allows for the addition of a background colour and class to the container that holds the grid and col elements.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac orci at diam sodales consectetur sed sit amet nibh. Donec a sem eu neque dignissim posuere vitae ut felis. Phasellus vehicula lobortis lobortis. Fusce id lorem magna. Etiam sit amet lorem sit amet turpis ultricies ornare ac eu erat. Nam imperdiet vel erat in accumsan. Etiam ut est eu dolor dignissim commodo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac orci at diam sodales consectetur sed sit amet nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac orci at diam sodales consectetur sed sit amet nibh. Donec a sem eu neque dignissim posuere vitae ut felis. Phasellus vehicula lobortis lobortis. Fusce id lorem magna. Etiam sit amet lorem sit amet turpis ultricies ornare ac eu erat. Nam imperdiet vel erat in accumsan. Etiam ut est eu dolor dignissim commodo.
Text links can also trigger pop-ups.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac orci at diam sodales consectetur sed sit amet nibh. Donec a sem eu neque dignissim posuere vitae ut felis. Phasellus vehicula lobortis lobortis. Fusce id lorem magna. Etiam sit amet lorem sit amet turpis ultricies ornare ac eu erat. Nam imperdiet vel erat in accumsan. Etiam ut est eu dolor dignissim commodo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac orci at diam sodales consectetur sed sit amet nibh. Donec a sem eu neque dignissim posuere vitae ut felis. Phasellus vehicula lobortis lobortis. Fusce id lorem magna. Etiam sit amet lorem sit amet turpis ultricies ornare ac eu erat. Nam imperdiet vel erat in accumsan. Etiam ut est eu dolor dignissim commodo.
A simple gallery block where you can add images and optionally add image captions and a link to a lightbox.
Note that this uses Featherlight and loads the JS only if the Enable Gallery is toggled on.
Note that this block is also configured to use the image title as the ALT; when people upload many images in one go to a gallery, the ALT tags are often omitted.
A block image grid with title and subtitle that triggers a modal.
This is the flow setting where the boxes just flow in the grid.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
This is the stacked option, where you can set the percentage width of the boxes.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
Magnis sem ipsum dui eu maecenas. Iusto sociosqu impedit fugit proin hymenaeos. Reiciendis natus sociosqu incidunt, senectus, rem! Necessitatibus perferendis, minus mollitia porro torquent.
This is built from the same block as the main slider but uses a gallery to manage the logos and has CSS to deal with all the different logo sizes to keep everything tidy. It also has an option for full width.
This block loops through the posts you either select or via a category.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
This is an alternative to the Post Listings block – it has fewer options for use when less customisation is needed.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site. One way is by adding a link to the blogroll. This puts a link on the sidebar on every page on your site.
Below is a spacer block – if you are logged in as an Admin, on the front end it shows a pattern so you can see the block is present. It can be set in Rems to create any vertical space between other blocks.
This is a grid that is designed to be reworked for the situation; it can be customised in the block and the ACF to add new fields.
It can be customised for the theme. By default it uses text boxes, but you can swap these out for WYSIWYG boxes or anything else required. This is responsive with a <999px breakpoint.
This is some content that sits underneath the title.
This is some content that sits underneath the title.
This is some content that sits underneath the title.
This is some content that sits underneath the title.
This is some content that sits underneath the title.
This is some content that sits underneath the title.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
Commodo habitasse, nec sociosqu, leo voluptatibus ante bibendum hic a accusamus exercitation.
This is another variation of the slider but with image tiles.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
Pretium euismod? Quisquam corporis reprehenderit aliquip et tellus soluta nonummy, sollicitudin sit at nesciunt orci per porttitor justo amet debitis facilis tristique facilisis atque, egestas! Praesentium harum ad! Ducimus! Neque, consequuntur, posuere? Dolore, est omnis, sed tortor? Urna malesuada accusantium, maiores esse dignissimos iusto arcu occaecati inceptos scelerisque. Nam hymenaeos dui, consectetuer metus, fames. Maiores! Diam, nihil dolorum excepteur donec.
| This is a table. | This is a table heading. |
|---|---|
| This is some table data | This is some more table data. |
| This is some table data | This is some more table data. |
| This is some table data | This is some more table data. |
| This is some table data | This is some more table data. |
Its designed to be customised for more complex tables. This is a basic starting point.
This is a global pattern block. The settings for this are in Appearance > Patterns.
The content for this block is set globally, but when inserted into a page, it can be detached from the global settings and used as an independent block.
Global feature text changed text
Global feature text
Global feature text
This is how the theme handles uploaded video files.
This block allows you to add quotes or reviews to the site with quotes, quote details and rating icons. You can choose the overall layout for the primary grid and the individual quotes within it.
This is some other text. Illo adipisci ullamco ratione cum nihil? Alias aspernatur class sunt, ipsa dignissimos arcu volutpat imperdiet justo beatae, officia, mollis aute laudantium repellendus itaque beatae, viverra tellus, platea ultrices, nobis tellus convallis delectus, potenti duis nam metus! Blandit habitant neque adipisci eget nostrum, mi mollit tempore, massa cum aliquip?
Firstname Lastname
Marketing Manager, Acme Inc
This is some other text. Illo adipisci ullamco ratione cum nihil? Alias aspernatur class sunt, ipsa dignissimos arcu volutpat imperdiet justo beatae, officia, mollis aute laudantium repellendus itaque beatae, viverra tellus, platea ultrices, nobis tellus convallis delectus, potenti duis nam metus! Blandit habitant neque adipisci eget nostrum, mi mollit tempore, massa cum aliquip?
Firstname Lastname
Marketing Manager, Acme Inc
This is some other text. Illo adipisci ullamco ratione cum nihil? Alias aspernatur class sunt, ipsa dignissimos arcu volutpat imperdiet justo beatae, officia, mollis aute laudantium repellendus itaque beatae, viverra tellus, platea ultrices, nobis tellus convallis delectus, potenti duis nam metus! Blandit habitant neque adipisci eget nostrum, mi mollit tempore, massa cum aliquip?
Firstname Lastname
Marketing Manager, Acme Inc
