Skip to content

Strive Documentation

Introduction

Theme Overview

Strive is a HubSpot CMS theme designed for SaaS companies, Service providers or Agencies. You need no-coding to set-up or customize our theme. Strive is fast and friendly and offers a really minimal look with the collection of pre-built templates and modules to streamline your website development process and create a visually appealing and user-friendly website.

Key Features

  • 7 Basic Templates
  • 9 System Templates
  • 17 Theme Modules
  • Responsive Design
  • Accessible to all audience

Installation

Downloading the Theme from HubSpot Marketplace

  • Log in to your HubSpot account.
  • Navigate to the Marketplace in the main navigation menu.
  • Search for "Strive" in the marketplace search bar.
  • Locate your theme and click Download.

You can also click the Buy now button below to go to Theme purchase page.

BUY NOW

Using the Theme

Activating the Theme

  1. In the Design Manager, locate your uploaded theme.
  2. Click the dropdown menu next to the theme name.
  3. Select Set as active theme.

Note: This will make Strive the default theme for all new website pages and landing pages.

Theme Templates

The theme includes two sets of pre-built templates: Basic Templates and System Templates.

Basic Templates:

These templates are designed for common website pages like homepage, about us, contact us, etc. Strive offers 7 basic templates.

  1. Home
  2. About Us
  3. Contact Us
  4. Services
  5. Pricing Page
  6. Coming Soon
  7. Thank You

System Templates:

These templates are used for system-generated pages like blog posts, search results, etc. Strive offers 9 system templates.

  1. Error 404
  2. Error 500
  3. Blog Listing
  4. Blog Page
  5. Password Prompt
  6. Search Result
  7. Email Preference Center
  8. Subscription Confirmation
  9. Unsubscribe Successful

Creating a New Page with a Theme Template.

  1. In the content editor, navigate to Content > Website Pages (or Landing Pages).
  2. Click Create and select Website page (or Landing page).
  3. In the Select a template dialog, choose a template from the Strive set.
  4. Click Create page to start editing the content.

For more detailed instructions you can read this HubSpot Doc.

Theme Modules

Strive includes a set of custom modules designed to enhance your website's functionality and visual appeal. Strive offers variety of custom modules which are highly customizable as per your needs:

Global Module:

  1. Header
  2. Footer

Local Module:

  1. 404 Module - This module is utilized on error pages to present text, a call-to-action button, and an image. Style configurations can be accessed in the styles tab within the content editor.
  2. Banner Module - Opt for this module to overlay text on a prominent background image. It includes a heading and a paragraph, with customization options for background imagery or color within the section settings. Style adjustments are available in the content tab.
  3. Blog Listing Module - Employ this module to list blog posts on dedicated templates, with styling options accessible in the style tab.
  4. Blog Post Module - Display blog content using this module on the blog post template, and fine-tune its appearance using the style tab.
  5. Cards Module - Enhance your page with cards using this module, which also features a text field and call-to-action button. Style configurations are accessible in the content tab.
  6. Carousel Module - This versatile carousel module is suitable for various purposes. While Strive's default offers a vertical carousel, it can be customized to suit specific needs. Style settings are located within the content tab.
  7. Contact Us Module - This straightforward module comprises a heading, rich text, and a form for contact information. Customize its appearance via the style tab.
  8. Faq Module - Implement this module to create an accordion-style FAQ section, with style options available in the content tab.
  9. Featured Tags Module - Showcase blog tags as interactive cards with hover effects using this module. Style customization is available in the style tab.
  10. Grid Module - This multi-purpose module supports single or double-column layouts and accommodates text with images, images with forms or calls-to-action, and combinations of up to four images. Style options are accessible in the content tab.
  11. Hero Banner Module - Similar to the Grid Module, this module offers layout options combining text and images, featuring a gradient overlay between elements. Customize its appearance in the content tab.
  12. Pagination Module - Employ this module to integrate pagination into your site, with style adjustments accessible in the style tab.
  13. Partners Module - Display logos of partners or customers, with a scrolling marquee feature on smaller screens ( below 767px ). Customize its appearance in the content tab.
  14. Pricing Module - This module facilitates the presentation of pricing information via cards showcasing service plans and their respective features. Style options are accessible in the content tab.
  15. Related Blogs Module - Use this module to feature selected blogs on your pages, with style customization available in the style tab.
  16. Search Result Module - Specifically designed for search result pages.
  17. System Module - Similar to the 404 Module but featuring a form instead of an image. Customize its appearance via the styles tab in the content editor.

Using Modules in the Page Editor

  1. While editing a page, drag and drop a module from the left-hand menu onto the desired section.
  2. Select the module type from the available Strive modules.
  3. The module settings panel will appear on the right.
  4. Configure the module's content and appearance using the provided options.

FAQ Section

Where are the colors coming from?

By default Nebula Vision Pro picks colors from your brand kit. If you haven’t set up your brand kit then Nebula Vision pro has default colors which are: #272727 as the primary color, #FFFFFF as a secondary color, #CEA8FF as the accent color1, #9968FF as the accent color2, # ffffff the body color for light mode and default colors which are: #ffffff as the primary color, #272727 as a secondary color, # A174FF as the accent color1, #9968FF as the accent color2, #171717 the body color for dark mode. All module’s typography is set in their respective module's style tab

What is the multi-column and single-column layout?

Multi-column layouts means that you can have two or more columns in a row. A good example of multi-column layout is the section which has a text column and an image column side by side.

Multi Column Section

Still facing issues. Feel free to contact us at our email. We will get back to you as soon as possible.