Edit my template – Matter

Matter is a classy theme for an online tea store.

There are four sections (apart from the announcement bar, header, prefooter and footer) in the demo homepage of the Matter theme. Follow the steps below to edit each of them.


Announcement Bar

An announcement bar is displayed above the header. In this theme, it displays a free shipping offer.

See how to edit the announcement bar.

The header contains the logo/site title (1), menu (2), social icons (3) and a cart icon (4).


Now that you’ve started with this beautiful theme, you’d have its demo pages in your menu.

To view or edit any of the pages, just click on it. Let’s begin with the ‘Home’ page.

  • Go to the Site Menu.
  • Click on Home (as shown in the image).

  • This will bring you to the page editor for the ‘Home’ page.

First section – Basic

The first section contains a basic image, text and button. Here, you can click on the image/text to replace/edit it.

Click here to see how to edit a Basic section.


Second section – Image List

The second section contains an image list. Here, you can add a list of your portfolio galleries or the services your provide.

To edit the links, change the layout or replace the demo images, click on the Manage Image List button.

  • To add a new item to your image list, click on the Add Item (1) button.
  • To replace an image or edit an item. click on it (2).
  • To duplicate an item, click on the copy icon (3).
  • To delete an item from your image list, click on the delete icon (4).
  • To change the layout or explore different layouts, click on the Layout tab (5).
  • To edit the style and increase/decrease number of columns, click on the Style tab (6).
  • To edit/delete the headline, go to (7).

Click here to see how to edit an Image List section.


Third section – Basic

The third section contains a basic image, text and button. Here, you can click on the image/text to replace/edit it.

Click here to see how to edit a Basic section.


Fourth section – Product List

The fourth section displays a list of products from your store. Click on the Manage Products button to customize this section.

See how to edit a product list section.


Prefooter

To display a certain section (e.g. a newsletter section or Instagram feed) at the bottom of all the pages or selected pages in your website, you can use a prefooter.

To edit the prefooter, go back to the Site Menu and click on Options (1). Then, click on Prefooter (2).

Newsletter section

In this theme, the prefooter contains a newsletter subscription box. To change the appearance of the newsletter section, click on the Manage Fields button.

See how to edit a newsletter section.

Click here to see how to edit the prefooter.

The footer contains the credits for your websites. You can add social icons (1), a copyright text (2) and important links here.

Note: You would see our branding ‘Built on Pixpa’ (3) in the footer while you are on the trial period. Once you’ve subscribed, you can choose to have it removed.

Click here to see how to edit the footer.

Can't find what you're looking for?

Get in touch with a Pixpa Expert.