Edit my template – Ratio

Ratio is one of the popular templates with an online store. You can showcase your portfolio and product categories in the sections below.

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

There are few sections (apart from the header and footer) on the homepage of the Ratio template. Follow the steps below to edit each of them:


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


  • To view or edit any of the pages, visit the Website section.

  • You will now reach the Menu tab where you can edit your site menu.
  • Click on the Home menu item to edit it(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 background image, text, and button. Here, you can directly click on the text to edit it. Learn more.

To change the background image, hover over the section and click on the content icon from the editing toolbar present in the top right corner of the section. See how to change the background image. 


Second section – Headline

The second section contains a headline. A headline can be used to provide information. Click on any text in this section to edit it. Learn more.

To change the background color, hover over the section and click on the content icon from the editing toolbar present in the top right corner of the section. See how to change the background color. 

To change the button label, URL, or styling, click on it. Then, click on the link icon. See how to link the button.

  • See how to edit a Headline section.


Third section – Image List

The third section contains an image list. You can add a list of the services you offer or a list of blogs.

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 the number of columns, click on the Style tab (6).
  • To edit/delete the headline, go to the Section Headline field (7).

See how to edit an Image List section.


Fourth section – Text

The fourth section contains a text block. Click on any text in this section to edit it. Learn more.


Fifth section – Basic

The fifth section contains a background image, text, and button. Here, you can directly click on the text to edit it. Learn more.

To change the background image, hover over the section and click on the content icon from the editing toolbar present in the top right corner of the section. See how to change the background image. 

To change the button label, URL, or styling, click on it. Then, click on the link icon. See how to link the button. 


The footer contains the credits for your websites. You can add social icons (1), copyright text (2), and important links here.
Also Check: Social Sharing options.

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. 


Can't find what you're looking for?

Get in touch with a Pixpa Expert.