Prestivo Lite

1. Installation & Activation

Go to this link.

Install & activate the theme

1. You can download Prestivo Lite free theme through Dashboard
2. In WordPress, go to Appearance → Themes → Add Theme.
3. In Search Themes, type Prestivo Lite

. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.

Install Supporting Plugins

• WooCommerce — only if you plan to sell. Plugins → Add New → search “WooCommerce” → Install → Activate, then run its setup wizard.
• Contact Form 7 — only if you will use the Contact Form pattern.

Installing As a Static Front Page and Posts Page as in Demo

1. You can download Prestivo Lite free theme through Dashboard > Appearance > Themes > Add New > Prestivo Lite. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.
2. Create Two Pages (One for Static Front Page and another for Posts Page)
   1. Go to Pages → Add New and give the page a title, for example “Home”.
   2. Click the [+] inserter (top-left) and open the Patterns tab.
   3. Choose the Starter Content category and Select Starter Pattern Page Home
   4. Change the Page Template as “Page No Title”
   5. Click on “Publish”
   1. Go to Pages → Add New and give the page a title, for example “Blog”.
   2. Click on “Publish”
3. Now, let’s set these pages as Static Front Page and Posts Page.
   1. Go to “Settings → Reading”
   2. Under Your homepage displays, select A static page.
   3. Set Homepage to the page you just built (for example, “Home”).
   4. (Optional) Set Posts page to a blank page named “Blog” to hold your blog feed.
   5. Click Save Changes.

2. Frequently Asked Questions

Many common questions about block themes and Full Site Editing — how the Site Editor works, templates and template parts, patterns, global styles, and more — are answered in the official Catch Themes FSE FAQ.

Read the full FAQ here: https://catchthemes.com/fse-faq/

3. Understanding the Site Editor

Everything in this theme is edited in one place: Appearance → Editor (the Site Editor). There is no Customizer. Learn these four building blocks first — the rest of this guide refers to them constantly.

If you are on Site Front-End then you will see WP Admin Bar on the top of the page, click on “Edit Site” to open the Site Editor.

Building block	What it is	Where to find it
Templates	The layout of a type of page — the blog, a single post, the 404 page, the shop.	Editor → Templates
Template Parts	Reusable chunks shared across templates — Headers, Footers, Sidebars. Change one and it updates everywhere it is used.	Editor → Patterns → Template Parts
Patterns	Pre-designed sections (a hero, a pricing table, a team grid) you drop into any page or post.	The [+] Inserter → Patterns tab

Getting around the editor

• [+] (top-left) — the Inserter. Add blocks and patterns here.
• List View / Document Overview (rows icon, top-left) — an outline of every block on the page. The easiest way to select a section without clicking around.
• Settings (gear, top-right) — options for the selected block (size, colors, spacing).
• Styles (half-moon, top-right) — site-wide colors and fonts.
• Save (blue button, top-right) — nothing goes live until you click this and confirm the items to save.

Golden rule: if a change is not showing on your live site, you almost certainly forgot to click Save.

4. Headers & Footers

Headers and footers are Template Parts, so editing one updates it across your whole site.

Switching to a different header or footer

1. Open Appearance → Editor → Patterns → Template Parts.
2. Open the part you want to change (for example, Header or Footer).
3. Open List View / Document Overview, select the top-level header or footer block, and use the options menu (three dots) → Replace to choose a different design from the Patterns inserter.
4. Click Save.

Available headers

Header and Checkout Header.

Available footers

Footer and Footer With Widgets

Note: this is a block theme, so there is no Appearance → Widgets screen. The “widgets” in the footer are simply blocks (recent posts, navigation, social icons, text, and so on) that you edit directly inside the footer template part.

5. Logo, Site Title & Menus

Add your logo

1. Open Editor → Patterns → Template Parts → Header.
2. Click the Site Logo block, then choose Replace and upload or select your logo.
3. Drag the blue handles, or use the Settings (gear) panel, to set the logo width. Click Save.

Site title, tagline & favicon

Set your Site Title, Tagline, and Site Icon (the small favicon shown in the browser tab) under Settings → General. Once a logo is in place you can hide the text title from the Site Logo / Site Title block settings.

Navigation menus

1. In the Site Editor, click the Navigation block in your header (or open Editor → Navigation).
2. Use the [+] inside the block to add pages, custom links, categories, or submenus.
3. Drag items to reorder them. Drag an item slightly to the right (indent) to turn it into a dropdown sub-item.
4. Click Save.

On phones and tablets the menu automatically collapses into a tap-to-open icon, so you do not need a separate mobile menu.

6. Editing Content: Spacing, Layout & Alignment

Once a pattern is on the page, you shape it with three controls that appear for almost every block.

Width & alignment

Select a block and use the alignment button in its toolbar:

• None — normal content width (about 780px).
• Wide width — stretches wider (up to about 1400px).
• Full width — edge to edge across the screen (great for hero and banner sections).

Spacing (padding & margin)

In the Settings (gear) → Dimensions panel you can set padding (space inside a block) and margin (space outside it). The theme provides ready-made spacing presets that scale down nicely on smaller screens, so picking a preset is usually better than typing a fixed pixel value.

Block spacing (gap)

For groups, columns, and rows, the Block spacing control sets the gap between the items inside — handy for tightening or loosening a grid of cards.

Colors, borders & typography per block

The Settings panel also lets you override Color (text, background, link), Typography (size, line height), and Border for the selected block.

7. Using Block Patterns

Patterns are pre-built sections you insert anywhere. There are 21 in total, grouped into Pages, Headers, Footers, Featured sections, Banners, Sliders, and WooCommerce.

1. 404 Header
2. Archive Header
3. Blog Header
4. Footer Widgets
5. Footer
6. Header Media
7. Header
8. Latest Posts
9. Page Home
10. Post Header
11. Product FAQ
12. Products On Sale – Carousel
13. Products Top Rated
14. Promotional Headline
15. Search Header
16. Secure Transactions
17. Shop Header
18. Shopping Features
19. Sidebar Products
20. Sidebar
21. Taxonomy Product Header

Insert a pattern

After opening site editor, there are 3 ways you can add Blocks and Pattern in you website:

1. Click on the Block inserter (+) icon in the top toolbar and Click on Patterns. Browse the Patterns and select the one that you like to add.
2. Click on the Block inserter (+) icon to the right of an empty block, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.
3. Click on the Block inserter (+) icon in between blocks, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Go to this link to know more about adding blocks and patterns

Edit Pattern Content

First, click on the pattern you wish to edit/customize
You can select the section/content in three ways

1. Clicking on the section itself
2. List View / Document Overview
3. Footer Interface Bar

For the full pattern, after you select the pattern that you want to edit, click on “Edit pattern” button. Then you can edit each section inside the pattern.

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Replace a section with a different pattern

Select the section in List View / Document Overview, open the options menu (three dots) → Replace, and choose another pattern.

Save your own reusable / synced patterns

Built a section you want to reuse? Select it, open the options menu (three dots) → Create pattern, give it a name, and choose:

• Synced — one master copy. Edit it once and every place it appears updates (perfect for a call-to-action you repeat across pages).
• Not synced — inserts a fresh, independent copy each time, which you can then edit freely.

Find your saved patterns later under [+] Inserter → Patterns → My patterns, or manage them in Editor → Patterns.

How to duplicate a section or block

Duplicating is the fastest way to repeat something you have already styled — another service card, another pricing column, another slide, or a whole section.

1. Open List View / Document Overview (the rows icon, top-left) and click the block or section you want to copy. List View makes it easy to select the right group rather than one small block inside it.
2. Click the options menu (three dots) on the toolbar or in List View.
3. Choose Duplicate. An exact copy appears directly below the original.
4. Edit the copy’s text, image, or link, then click Save.

Handy shortcuts:

• Keyboard: select a block and press Ctrl + Shift + D (Windows) or ⌘ + Shift + D (Mac) to duplicate.
• Copy between pages: select the section, press Ctrl/⌘ + C, open the other page, and press Ctrl/⌘ + V.
• Reorder: use the up/down arrows in the toolbar, or drag the block in List View.
• Remove: the same options menu has Delete (or press Shift + Alt + Z).

Tip: to repeat the same section across several pages and have one edit update them all, save it as a synced pattern instead of duplicating (see above).

Worked examples: adding specific patterns

The steps below all start the same way: open the page or post you are editing, click the [+] inserter, open the Patterns tab, and type the pattern’s name in the search box. Click the result to drop it in, then edit it in place. You can preview every pattern live on the theme demo.

How to add Header Media pattern?

This is the big image banner at the very top of the demo homepage (“Simple Shopping”, “Endless Choices”, with an Shop Now button).

1. Click [+] → Patterns, search Header Media, and click it.
2. It is best used at the top of the page with Full width alignment — select the Header Media and choose Full width from the toolbar if it is not already.
3. Open List View to see each blocks inside the header media pattern. Click on a Cover block to edit its background image (select the image/Cover block → Replace), its heading text, and the Shop Now button label and link.
4. Click Save. Keep header media text short so it stays readable on phones.

How to add Products Top Rated pattern?

This patterns requires WooCommerce plugin. Then you need to add product and your products need to have rating. This patterns shows the product with high ratings.

1. Click [+] → Patterns, search Products Top Rated, and click it.
2. It will display the Products with top rating. You can change the Title
3. Click Save

How to add Promotional Headline pattern?

Prestivo Lite supports Promotional Headline pattern, this pattern allows you to display the your promotional banner to your audience in the most amazing way possible. By default it will load the cover image, heading, paragraph, and button blocks. You can edit all those as per your need.

1. Click [+] → Patterns, search Promotional Headline, and click it.
2. It will display the default content, click on it to replace with your own content.
3. Click Save

How to add Products On Sale pattern?

This patterns requires WooCommerce plugin. This pattern helps to display the producs on sale

1. Click [+] → Patterns, search Products On Sale, and click it.
2. Change the heading and % on Sale Settings as per your need.
3. Click Save

How to add Latest Posts pattern?

This pattern helps to latest block post.

1. Click [+] → Patterns, search Latest Posts, and click it.
2. Change the heading and Latest post grid as per your need.
3. Click Save

WooCommerce Block Supported Patterns

Prestivo Lite supports WooCommerce Blocks. You will have to install and activate WooCommerce Plugin to use these pattern. You can add Featured Products in these patterns.

Here are the patterns that supports WooCommerce Blocks:

1. Products Top Rated
2. Products On Sale – Carousel
3. Sidebar Products

7. Template Parts in Prestivo Lite

There are 13 Template Parts in Prestivo Lite.

1. Comments Post Page
2. Footer
3. Footer With Widgets
4. Header
5. Page Content
6. Post Content
7. Post Meta
8. Post Template Query Loop
9. Primary Search
10. Products Collection
11. Products Collection Style 2
12. Sidebar
13. Sidebar Products

Prestivo Lite supports WooCommerce Template Part. You will have to install and activate WooCommerce Plugin to use these WooCommerce Template Parts.

1. Checkout Header
2. Coming Soon Social Links
3. Mini-Cart
4. Simple Product Add To Cart + Options
5. External Product Add To Cart + Options
6. Variable Product Add To Cart + Options
7. Grouped Product Add To Cart + Options

Editing Template Parts

1. From your WordPress Dashboard, go to “Appearance => Editor”
2. Click on “Patterns => All template parts”, it will load all Template Parts
3. Now, you can use the Search Bar to search for any above mentioned template parts or just scroll to view existing template parts
4. After searching the template parts, click on it to load that template parts on Editor. Template Parts consist of Patterns and Blocks
5. If you want to see the List of Patterns and Blocks used in the template parts, then click on “List View” panel. From this, you can click on the Element that you want to edit
6. Now, you can edit the desire elements and after all the changes click on “Save” button

8. Templates in Prestivo Lite

You can find 16 Templates provided by our Prestivo Lite theme. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.

1. All Archives
2. Archive Product
3. Blog Home
4. Index
5. Order Confirmation
6. Page Cart
7. Page Checkout
8. Page Full
9. Page No Title
10. Page: 404
11. Pages
12. Product Search Result
13. Search Result
14. Single Posts
15. Single Product
16. Taxonomy Product Category

Prestivo Lite supports WooCommerce Templates. You will have to install and activate WooCommerce Plugin to use these WooCommerce Template.

1. Page: Coming Soon
2. Products By Attribute

Editing Template

1. From your WordPress Dashboard, go to “Appearance => Editor”
2. Click on “All template”, it will load all Templates
3. Now, you can use the Search Bar to search for any above mentioned template or just scroll to view existing template parts
4. After searching the template parts, click on it to load that template on Editor. Template consist of Template Parts, Patterns and Blocks
5. If you want to see the List of Template Parts, Patterns and Blocks used in the template, then click on “List View / Document Overview” panel. From this, you can click on the Element that you want to edit
6. Now, you can edit the desire elements and after all the changes click on “Save” button