Charlotte - Custom Pages

The Charlotte theme demo has two custom pages created using Gutenberg columns: About and Services. If you imported the demo content, you can find the pages in the Pages tab of your dashboard. Just edit the pages with your own information! You can skip the rest of this tutorial.

Creating the Custom Pages

If you didn't import the demo content, the pages can easily be created with the Gutenberg columns block:

• About page — one Columns block (two columns). Image in the right column, text in the left column.
• Services page — one Columns block (two columns). Image in the left column, text and headings in the right column. For the pricing table, add a Custom HTML block below the Columns block and paste in the pricing table code (below).

Pricing Table

The code for the pricing table can be found in your theme download file in the Custom Codes folder.

USING THE CLASSIC EDITOR?

If you're using the Classic Editor plugin and want to use the custom About and Services pages, here are instructions:

Services Page

View the Services page on the demo here.

1. Create a new page on your site.

2. Find the "Visual" and "Text" tabs at the top right corner of the content box. Select "Text" mode.

3. Paste the following code in the content box:

4. Fill in your own information and replace image with your own image. Publish page.

About Page

View the About page on the demo here.

1. Create a new page on your site.

2. Find the "Visual" and "Text" tabs at the top right corner of the content box. Select "Text" mode.

3. Paste the following code in the content box:

4. Fill in your own information and replace image with your own image. Publish page.