Basic Pages

<- Back to docs home page

On this page:

• Creating a new basic page
• To use a container or not?
• Building a page using “Content Blocks”
• Editing individual content blocks?

---

Creating a new basic page

From the CloudCannon dashboard, click “Basic” to view all existing basic pages. To create a new page, click the orange “Add” button in the top right corner, or you can duplicate an existing page by clicking the top-right corner of the page you want to copy and selecting “clone item”.

To use a container or not?

The “Container” content block will allow you to add a background color or image to a section of your page. To do this, click “Add Content Block” in the left panel, and select “Container”. You can then set the background color and image of the container, along with some margins and padding. You can then add more content blocks inside this container under “Inner Components”

If you would like your content on a white background, you should be able to add content blocks directly to the page without nesting them inside a container. The components will respect the maximum width of the page content. There may be some special circumstances where you would want to use a container even if the background color is white. For example, if you want to customize the padding, or set the width to be extra wide or extra narrow.

Building your page using “Content Blocks”

Each page consists of a number of “Content Blocks”, which will be listed down the left side of the page. A content block is a section of pre-styled content to be placed on the page. Examples might include “Headline”, “Button”, “Image” or “Form”. Content blocks can be added, removed and reordered on the page. A couple Content Blocks, such as the containers, can contain nested blocks within them.

Editing individual content blocks

Each individual content block comes with it’s own set of variables to adjust the way it looks and works. When a content block is added, click on the block name in the left panel to drill down into that block’s settings. Content blocks may be nested, for example, a “Container” block will have input fields to set the variable background image and padding, and will also contain a list of nested components that you can add inside the container.