---
title: Documentation - Smart-Revive-Free
---

# Documentation

#### [Theme Installation](https://themes.computan.com/smart-revive-free/documentation#section-1)

#### [Create Page](https://themes.computan.com/smart-revive-free/documentation#section-2)

#### [Edit Theme Fields](https://themes.computan.com/smart-revive-free/documentation#section-3)

#### [Custom Modules](https://themes.computan.com/smart-revive-free/documentation#section-4)

#### [Publish Page](https://themes.computan.com/smart-revive-free/documentation#section-5)

## Start with Smart Revive Free Theme

A Theme is a portable and self-contained package of developer assets designed to work together to enable a marketer-friendly content-editing experience. These assets might include templates, modules, CSS files, JavaScript files, images, and more.

### Theme Installation

Here is our Smart Revive Free Theme installation link:  
[https://app.hubspot.com/marketplace/482618/products/computan/smart-revive-free](https://app.hubspot.com/marketplace/482618/products/computan/smart-revive-free)

After reaching the URL please hit "Get the theme" CTA

### Create Page

In HubSpot, navigate to **Marketing > Website > Website Pages,** then select "Create". Choose a template from your newly uploaded theme by selecting the **Smart Revive Free** you uploaded from the **"Themes library"** section, and then one of the templates within it.

![select-theme](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/select-theme.png?height=858&name=select-theme.png)

##### Select Page Template which you want:

![page-section](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/page-section.png?height=934&name=page-section.png)

### Edit Theme Fields

![edit-theme](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/edit-theme.png?height=805&name=edit-theme.png)

In edit the Theme field we have the following option to edit the theme settings:

![theme-setting](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/theme-setting.png?height=918&name=theme-setting.png)

- Global colors
- Global fonts
- Website header
- Typography
- Buttons
- Forms
- Tables
- Spacing
- Footer

##### Global colors

In Global color, we have three options **primary color, secondary color, and menu color**. All links and some hover are based on the primary color. All background and section colors are based on secondary color and navigation color is based on menu color.

##### Global Fonts

From Global fonts, we can change the theme font family globally.

##### Website header

From Global fonts, we can change the theme font family globally.

##### Typography

In Typography We can change the size of heading like h1, h2, h3, h4, h5, h6, font weight, font size, color

##### Button

we can change button spacing, font size, color, background color, padding from here

##### Forms

We can change actions related to form like input color font hover focus padding etc.

##### Tables

We can change heading text color, body background color, body text color, footer text color, border color, vertical spacing maximum content width footer background color.

##### Spacing

We can change content width and vertical spacing.

##### Footer

We can change the background color and text color.

### Custom Modules

We can add all modules like theme modules and common modules, rich text, form, and buttons by just drag and added them.

![modules](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/modules.png?height=827&name=modules.png)

### Publish Page

After adding our modules and fulfilling our requirements, we finally save our changes and publish the page from the Publish button.

![publish-page](https://themes.computan.com/hs-fs/hubfs/Smart%20Revive%202023/publish-page.png?height=867&name=publish-page.png)

**Hopefully, this document is helpful for you if you have any additional questions please let us know. For more clarification about the theme you can visit this HubSpot documentation:**

[https://developers.hubspot.com/docs/cms/building-blocks/themes](https://developers.hubspot.com/docs/cms/building-blocks/themes)