Image & Text (Left Aligned, Padded)
This is the most commonly used item, you can choose which way around the image goes as well as it’s size (we recommend keeping it at it’s default of 50%, but you could create a 3/4 layout with a smaller image if that’s something you want!)
There’s a few options in the backend:,
- Alternate Background which will give the background a different colour,
- Template Padding which when disabled, allows the section to go edge to edge of the screen
- Text Padding which when disabled lines up the image and the start of the text perfectly
Image & Text (Right Aligned, Padded)
This is the most commonly used item, you can choose which way around the image goes as well as it’s size (we recommend keeping it at it’s default of 50%, but you could create a 3/4 layout with a smaller image if that’s something you want!)
There’s a few options in the backend:,
- Alternate Background which will give the background a different colour,
- Template Padding which when disabled, allows the section to go edge to edge of the screen
- Text Padding which when disabled lines up the image and the start of the text perfectly
Image & Text (Left Aligned, UnPadded)
This is the most commonly used item, you can choose which way around the image goes as well as it’s size (we recommend keeping it at it’s default of 50%, but you could create a 3/4 layout with a smaller image if that’s something you want!)
There’s a few options in the backend:,
- Alternate Background which will give the background a different colour,
- Template Padding which when disabled, allows the section to go edge to edge of the screen
- Text Padding which when disabled lines up the image and the start of the text perfectly
Image & Text (Right Aligned, UnPadded)
This is the most commonly used item, you can choose which way around the image goes as well as it’s size (we recommend keeping it at it’s default of 50%, but you could create a 3/4 layout with a smaller image if that’s something you want!)
There’s a few options in the backend:,
- Alternate Background which will give the background a different colour,
- Template Padding which when disabled, allows the section to go edge to edge of the screen
- Text Padding which when disabled lines up the image and the start of the text perfectly
Column (2 Columns)
This is similar to the Image & Text layout, but with columns! You have the choice of 1, 2 or 3 columns which are displayed side by side. Below is some dummy text to pad the section out, ignore it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed nibh urna. Pellentesque et ante eget enim porttitor dignissim. Suspendisse sollicitudin magna ut erat varius, ut imperdiet elit facilisis. Etiam bibendum neque risus, non congue massa vestibulum a. Pellentesque commodo nisl mauris, non faucibus neque laoreet at.
Curabitur laoreet quam turpis, et pulvinar justo congue vitae. Quisque lacus magna, laoreet in semper non, pretium et nisi. Praesent tristique dui vel neque bibendum, et aliquet mauris posuere. Pellentesque at elit finibus, aliquam ante vel, aliquet dolor.
Column (2 Columns)
This is similar to the Image & Text layout, but with columns! You have the choice of 1, 2 or 3 columns which are displayed side by side. Below is some dummy text to pad the section out, ignore it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed nibh urna. Pellentesque et ante eget enim porttitor dignissim. Suspendisse sollicitudin magna ut erat varius, ut imperdiet elit facilisis. Etiam bibendum neque risus, non congue massa vestibulum a. Pellentesque commodo nisl mauris, non faucibus neque laoreet at.
Curabitur laoreet quam turpis, et pulvinar justo congue vitae. Quisque lacus magna, laoreet in semper non, pretium et nisi. Praesent tristique dui vel neque bibendum, et aliquet mauris posuere. Pellentesque at elit finibus, aliquam ante vel, aliquet dolor.
Column (3 Columns)
This is similar to the Image & Text layout, but with columns! You have the choice of 1, 2 or 3 columns which are displayed side by side. Below is some dummy text to pad the section out, ignore it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed nibh urna. Pellentesque et ante eget enim porttitor dignissim. Suspendisse sollicitudin magna ut erat varius, ut imperdiet elit facilisis. Etiam bibendum neque risus, non congue massa vestibulum a. Pellentesque commodo nisl mauris, non faucibus neque laoreet at.
Curabitur laoreet quam turpis, et pulvinar justo congue vitae. Quisque lacus magna, laoreet in semper non, pretium et nisi. Praesent tristique dui vel neque bibendum, et aliquet mauris posuere. Pellentesque at elit finibus, aliquam ante vel, aliquet dolor.
Column (3 Columns)
This is similar to the Image & Text layout, but with columns! You have the choice of 1, 2 or 3 columns which are displayed side by side. Below is some dummy text to pad the section out, ignore it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed nibh urna. Pellentesque et ante eget enim porttitor dignissim. Suspendisse sollicitudin magna ut erat varius, ut imperdiet elit facilisis. Etiam bibendum neque risus, non congue massa vestibulum a. Pellentesque commodo nisl mauris, non faucibus neque laoreet at.
Curabitur laoreet quam turpis, et pulvinar justo congue vitae. Quisque lacus magna, laoreet in semper non, pretium et nisi. Praesent tristique dui vel neque bibendum, et aliquet mauris posuere. Pellentesque at elit finibus, aliquam ante vel, aliquet dolor.
Column (3 Columns)
This is similar to the Image & Text layout, but with columns! You have the choice of 1, 2 or 3 columns which are displayed side by side. Below is some dummy text to pad the section out, ignore it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed nibh urna. Pellentesque et ante eget enim porttitor dignissim. Suspendisse sollicitudin magna ut erat varius, ut imperdiet elit facilisis. Etiam bibendum neque risus, non congue massa vestibulum a. Pellentesque commodo nisl mauris, non faucibus neque laoreet at.
Curabitur laoreet quam turpis, et pulvinar justo congue vitae. Quisque lacus magna, laoreet in semper non, pretium et nisi. Praesent tristique dui vel neque bibendum, et aliquet mauris posuere. Pellentesque at elit finibus, aliquam ante vel, aliquet dolor.
This is a call to action!
You can use these on pages where there's something for the user to do. For example if you wanted someone to book something based on the content of this page you'd write a meaningful description...
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is a “Generic Content Area”, which means you can use this however you like, it just won’t have any logic behind it controlling how it looks (i.e. how the Image & Text section styles and proportions everything for you). This is basically what you’ve been using already.
‘ I’ve lost 5 stone attending Clubbercise, I’m normally not into exercise but I love coming to Clubbercise every week it is now part of my lifestyle & routine’
Clubbercise, Claire from Skegness
‘This was the best P.E lesson ever!’
Kidgate School, Harry age 7
Add an FAQ form to encourage users to ask questions!
Fill out the form below and one of our team will be in touch.
You can add a venue section
Embassy Theatre
The East Coast’s premier live entertainment venue. (You can even change the text here!)
What's onBook online now!
Fitness members can book classes online, 7 days in advance. (You can change all the text, button link and button text in this one)
BOOK YOUR ACTIVITIES ONLINEAdd a gallery for whatever you like!
Repurpose these banners from the footer
If you use them elsewhere in the page, they won't appear in the footer (so things don't get doubled up!)
Get Active . Keep Fit . Have Fun!P.S.
There’s some settings on the top right hand side of the editor screen. You can disable blank space at either the top and bottom of the page (as sometimes the editor can result in space like this below).
Pages such as Events and Activities might use different layouts (i.e. a sidebar on the left, content on the right) and these pages will allow you to choose if you want to display the Flexi elements above or below the existing content. All that content will still work perfectly (so there’s no need to run around the site and copy everything into the Flexi Builder).