Prestivo

1. Installation & Activation

Go to this link.

Step 1 — Download the theme

1. Go to your Catch Themes My Account page.
2. Under Downloads, click the file name to download prestivo.zip.

Safari users: Safari may auto-unzip downloads. Go to Safari → Settings → General and uncheck “Open ‘safe’ files after downloading” so you keep the original ZIP file.

Step 2 — Install & activate the theme

1. In WordPress, go to Appearance → Themes → Add New → Upload Theme.
2. Click Choose File, select prestivo.zip, and click Install Now.
3. When installation finishes, click Activate.

Step 3 — Add your License Key (for one-click updates)

1. Find your license key on your My Account → View Details and Downloads page.
2. In WordPress, go to Appearance → Prestivo License.
3. Paste the key into the License Key field, then click Save Changes and Activate License.

Step 4 — (Optional) 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. Install it the same way (see Section 18).

2. The Theme Info Page

After activation you get a dedicated theme dashboard at Appearance → Prestivo. It is your home base for theme details, demo import, license key and helpful links.

3. Updating the Theme & License Key

With a saved, activated license key, updates arrive automatically:

1. When an update is available, you will see it under Dashboard → Updates or Appearance → Themes.
2. Click Update Now.

No license key means no automatic updates. You can still update manually by uploading the newer ZIP. Your content lives in the database, not the theme, so it stays safe — but always take a full backup before updating if you have added custom code.

4. 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/

5. 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
Styles	Global colors, fonts, and spacing, plus the one-click Dark style variation.	Editor → Styles (half-moon icon)

Getting around the editor

• [+] (top-left) — the Inserter. Add blocks and patterns here.
• List View (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.

6. Quick Start: Build Your Homepage in 5 Minutes

What you already have: as soon as you activate the theme, your site shows a fully designed homepage (the slider and home sections), so you are not starting from a blank screen.

Two ways to get started: import the entire demo site in one click, or build your pages one section at a time. Both are explained below — you can preview the finished result on the live demo.

Option A — One-click demo import (fastest)

Prestivo supports has a built need one-click demo import. It recreates the demo site for you — pages, sample posts, images, menus, and the homepage — so you only need to replace the demo content with your own.

1. Once the theme is installed and license key activated.
2. Open the importer: go to Appearance → Prestivo.
3. Import: click the Import button which will open the import setup wizard and also checks for required plugin needed for demo and then click on strong>Import button. Leave the tab open and do not refresh while it runs — a full import can take a few minutes.
4. When it finishes, visit your site. The homepage, menus, and sample content are already set up. Now replace the demo text and images with your own.

Before you import:

• Run it on a fresh site. The importer adds the demo’s pages, posts, and images; it will not delete your existing content, but mixing demo content into an established site can get messy.
• Make sure recommended plugins (for example Contact Form 7, and WooCommerce if your demo includes a shop) are active first, so all demo sections import correctly.
• After importing, check Settings → Reading to confirm the homepage, and review your menu under the header’s Navigation block.

Option B — Build from patterns

Prefer to build it yourself? Every section is available as a pattern, and each one comes pre-filled with the demo images and text, so inserting a full-page pattern instantly looks like the demo. The fastest route is to start from a full-page pattern:

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 Pages category. You will see complete page layouts:
   • Page Home — for eCommerce store
   • Page Home Blogging — content- and blog-focused homepage
4. Click the layout you want — the entire page is inserted instantly.
5. Click any text or image to edit it, replacing the demo content with your own.
6. Click Publish, then set the page as your homepage (next section).

7. Setting Your Homepage (Static Front 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.

Good to know: the theme ships with a designed homepage built in. If you set your own static page as the homepage (above), WordPress uses that page instead of the built-in design — which is usually what you want once you have built your own Home page. The built-in design then still appears on your Posts page (your blog).

Prefer to reuse the built-in home design? The theme includes editable home templates — Template Home and Template Home (Blogging). Create a page, then in the right sidebar open Page → Template and assign one of them, so your homepage keeps the theme’s ready-made layout that you can edit.

8. 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, 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, Header Top, and Checkout Header.

Available footers

Footer, Footer With Widgets, and Footer With Widgets And CTA.

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.

9. 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.

10. 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. For consistency, prefer the theme’s preset colors and font sizes over custom values — presets update automatically when you switch styles or to Dark mode.

11. Using Block Patterns

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

1. 404 Header
2. Archive Header
3. Blog Header
4. Cross-Sells Products
5. Featured Category
6. Featured Content
7. Footer Widgets With CTA
8. Footer Widgets
9. Footer
10. Header Media
11. Header Top
12. Header
13. Hero Content Full Width
14. Latest Posts
15. New Collection
16. Offer Banner Featured Category
17. Offer Banner
18. Our Identity
19. Our Strength
20. Page Home Blogging
21. Page Home
22. Post Header
23. Product FAQ
24. Products On Sale – Carousel
25. Products Top Rated
26. Promotional Headline
27. Search Header
28. Secure Transactions
29. Shop Header
30. Shopping Features
31. Sidebar Products
32. Sidebar
33. Featured Slider
34. Taxonomy Product Header
35. Upsells Products
36. Woo Features

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
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, 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 (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 Featured Slider pattern?

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



1. Click [+] → Patterns, search Slider (or Featured Slider), and click it.
2. It is best used at the top of the page with Full width alignment — select the slider and choose Full width from the toolbar if it is not already.
3. Open List View to see each slide. Click a slide to edit its background image (select the image/Cover block → Replace), its heading text, and the Enroll Now button label and link.
4. To add or remove slides, select a slide in List View and use Duplicate or Delete from its options menu (three dots).
5. Click Save. Keep slide text short so it stays readable on phones.

How to add Featured Category pattern?

This patterns requires WooCommerce plugin. Then you need to add product and assign category for those product. This patterns highlight the products from the selected category.



1. Click [+] → Patterns, search Featured Category, and click it.
2. To Edit the pattern, click on “Edit Pattern” button.
3. Select the category. The Left column will show the Category Title, Category Description, and button. The Right column will just display the products from selected category.
4. Click Save.

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 Our Strength pattern?

This patterns will showcase your strengths or any important information. This pattern consist of columns block with headings, paragraph and button. Use it as per your need.



1. Click [+] → Patterns, search Our Strength, 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 the New Collection pattern?

This patterns requires WooCommerce plugin. This pattern uses columns blocks and consists of Heading, Product Category List, and Image. This pattern helps to display the new collection.



1. Click [+] → Patterns, search New Collection, and click it.
2. Change the headings, colors and image as per your need.
3. Click Save

How to add Our Identity pattern?

This patterns will showcase your company details or any important information. This pattern consist of headings, images, paragraph and button blocks. Use it as per your need.



1. Click [+] → Patterns, search Our Identity, 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 Promotional Headline pattern?

Prestivo 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

WooCommerce Block Supported Patterns

Prestivo 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. Cross-Sells Products
2. Featured Category
3. New Collection
4. Offer Banner Featured Category
5. Products On Sale – Carousel
6. Products Top Rated
7. Upsells Products
8. Woo Features