Vivienne [Genesis] - About & Services pages

The Vivienne 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 (set to two columns). In the left column, add a Heading block. Set it to h3 and italic. Add Paragraph block(s) below. In the right column, add an Image block and select an image.
  • Services page — one Columns block (set to two columns). In the left column, add an Image block. In the right column, add Heading and Paragraph blocks as desired. For the pricing table, add a Custom HTML block below the Columns block and paste in the pricing table code (below).
To remove the sidebar, set the individual page layout for each page to Full Width.

Pricing Table

The code for the pricing table can be found in your theme download file in the Custom Codes folder. Or, grab it at this link.