Magnolia - Custom Pages

The Magnolia 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. Click here and copy the code. Paste in the content box.
  4. Fill in your own information and replace image with your own image. Publish page.

Pricing Table

The pricing table code is included in the Services page code above. The standalone code for the pricing table can also be found in your theme download file in the "Custom Codes" folder. The pricing table can be placed anywhere on your site that accepts HTML, including the homepage widgets!

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. Click here and copy the code. Paste in the content box.
  4. Fill in your own information and replace image with your own image. Publish page.