You can use the Content section to add any information - text or images - to your website. A Content section is added to your website by default, and you can choose to customize or hide it. Feel free to add as many Content sections as you like. However, users of the Basic account is only entitled to one.
To add a Content section, first make sure that you are in the Registration Website Control Panel of the correct Event Workspace. Under Website Sections, click on the Content icon nested in the ‘+ New Section’ module.
To customize a Content section, click on the Content section widget. If you have more than one Content section added, feel free to rename them by clicking the pen icon on the Page Title Bar, so that you can easily distinguish between them.
Look & Feel
You can choose to use either a solid colour, an image, or a video as the background of this website section. To use a solid colour, make sure that 'Colour' is selected on the switch placed under 'Background Type'. Then, simply select your desired hue from the colour picker or input its corresponding colour code (i.e. #FFFFFF) or RGB values. You will also be able to apply your Theme Colours by clicking their swatches in the colour picker.
To use a media, flip the 'Background Type' switch to 'Media' and then click on the ‘Upload Image/Video’ box to select your desired file.
- Recommended size: 2000px by 1125px
- Supported formats: jpg, png, mp4, mov, avi, wmv, 3gp, flv
You can also choose between a dark (default black) or light (default white) font colour for this section by toggling the switch placed under 'Text Colour'.
Give your Content section a title. Or not. We’ll leave it up to you!
Layout & Content
A nice layout is pleasing to look at and can draw attention to the content in it. Here's how to lay out the content in your website:
Selecting Your Layout
Select the number of columns that you would like to have in your Content section. Choose from single, two, or three columns. Based on your selection, you will be presented with either 1, 2, or 3 columns. Under each column, you can add text, images, or videos and order them in the sequence you would like them to appear in.
To add text, select the column you want to add it to and then click on the ‘Add Text’ button. In the pop-up, give your text block a content label to help you identify it later. Don’t worry, the content label will not show up anywhere on your public website. Input your text in the textbox and then format them anyway you like. Once you are done, click the ‘Add Block’ button and see it appear in your desired column.
Adding An Image
To add an image, select the column you want to add it to and then click on the ‘Add Media’ button. In the pop-up, give your media block a content label to help you identify it later. Don’t worry, the content label will not show up anywhere on your public website. Click on the blue box to select your media file. When your file upload is complete, click the ‘Add Block’ button and see it appear in your desired column.
Embedding Youtube or Vimeo
To embed Youtube or Vimeo videos, select select the column you want to add it to and then click on the ‘Add Text’ and then click the "Insert/Edit Media" icon.
Editing A Text Or Media Block
To edit a text or media block, simply hover over it to reveal the hidden icons. Click on the edit icon (the one beside the trashcan, in case you are unsure which) to summon the pop-up and edit your stuff from there. Remember to click the ‘Edit Block’ button once you are done to save your changes.
Deleting A Text Or Media Block
To delete a text or media block, simply hover over it to reveal the hidden icons. Click on the trashcan icon to delete it.
Arranging The Elements
Within each column, you can arrange the sequence of your text or media blocks from top to bottom by dragging and rearranging their corresponding widget which will be labelled with your content labels.
Do note that as of now it is not possible to drag a block across columns. So you’ll have to add them to the correct columns first!
You can always change your layout by going back to selecting the number of columns you want. However, do note that while it is straightforward to add more columns, reducing columns would cause you to lose content that you have already added in the last column.
What this means is that, if you have added content blocks to your third column before deciding to reduce it to one or two columns, all the content that you have added in the third column would be deleted once you change the layout and clicking the original layout option will not recover all the lost content.
We understand that all these constraints might be a little frustrating to work with. However, please do bear with us for now! In time to come, we hope to come up with a better user experience for laying out content.
P/S: Always remember to save your work!