Video Tutorials
Please find the video tutorials Below
https://www.pennyblacktemplates.com/hubspot-themes-help/
Introduction
This help document explains how to create web pages and edit, delete, update, add, reorder sections in hubspot front end editor
How to create child theme?
- Step 1: In your dashboard select your theme and click "Right Click" after that you can see the drop-down in that choose "Create child theme"
- Step 2: Then the pop-up box you can give "Child theme name" whatever you like
- Step 3: Then choose "File location"
- Step 4: Then click "Create child theme" button
Step 1
Step 2
Step 3
Step 4
How to create web pages using hubspot child theme?
- Step 1: In your dashboard Go To: Marketing - Website - Website Pages
- Step 2: In the Website page at top right corner you can find "Create" button click on it. then the drop-down click Website Page
- Step 3: In a pop-up box you can give "Page name" and click "Create page" button.
- Step 4: In "Theme templates" page you can find "Theme" drop-down click "Change theme" option
- Step 5: In "All themes" page search your child theme name and click "View templates" button
- Step 4: In "Theme templates" page you can choose your required page.
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
How to edit global theme settings?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In "Edit theme settings" page you can see the lot of theme options
- Step 3: Select needed theme option and edit the value as per you need
Step 1
Step 2
Step 3
How to edit module settings in theme?
- Step 1: In your webpage at left sidebar click + icon. then drag and drop your required module
- Step 2: Then edit your module settings at left sidebar
Step 1
Step 2
How to edit theme global colors?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find "Global colors" group, edit and customize your global colors
Step 1
Step 2
How to edit theme global fonts?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find "Global fonts" group, edit and customize your global fonts
Step 1
Step 2
How to edit global spacing in theme?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find "Spacing" group, in that you can edit and customize your global spacing
Step 1
Step 2
How to style theme button globally?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find and edit "Buttons" group
- Step 3: In that you can see multiple customization options, edit your required.
Step 1
Step 2
Step 3
How to style global form settings in theme?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find and edit "Forms" group
- Step 3: In that you can see multiple customization options, edit your required.
Step 1
Step 2
Step 3
How to edit notification bar?
1. Global settings
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar you find and edit "Notification bar" group
- Step 3: In that you can see multiple customization options, edit your required.
Step 1
Step 2
Step 3
2. Module settings
- Step 1: Then your web page editor at top you can edit "Global header".
- Step 2: Then the pop-up box click "open in global content editor" button.
- Step 3: At left sidebar you can find and edit "Notification bar" module.
- Step 4: Then you can edit a content for notification bar
Step 1
Step 2
Step 3
Step 4
How to edit side panel in theme?
1. Global settings
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar edit "Header" group then you can find "Display side panel" checkbox. you can enable or disable it whatever you want.
- Step 3: Then you find and edit "Side panel" group. In that you can see multiple customization options, edit your required.
Step 1
Step 2
Step 3
2. Module settings
- Step 1: Then your web page editor at top you can edit "Global header".
- Step 2: Then the pop-up box click "open in global content editor" button.
- Step 3: At left sidebar you can find and edit "Side panel" module.
- Step 4: Then you can edit a content for side panel
Step 1
Step 2
Step 3
Step 4
How to edit pre-header in theme?
1. Global settings
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar edit "Header" group then you can find "Display pre header" checkbox. you can enable or disable it whatever you want.
Step 1
Step 2
2. Module settings
- Step 1: Then your web page editor at top you can edit "Global header".
- Step 2: Then the pop-up box click "open in global content editor" button.
- Step 3: At left sidebar you can find and edit "Preheader" module.
- Step 4: Then you can edit a content for side panel
Step 1
Step 2
Step 3
Step 4
How to style the header search bar in theme?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar edit "Header" group then you can find "Display search option" checkbox. you can enable or disable it whatever you want.
- Step 3: Then you can find and edit "Search option" group. in that you can see multiple global styling options.
Step 1
Step 2
Step 3
How to style header menu in theme?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar edit "Header" group. in that you can see multiple global styling options.
Step 1
Step 2
How to enable or disable blog page header and sidebar in theme?
- Step 1: In your webpage at top navigation you can find and go to "Edit -> Theme: (theme name)"
- Step 2: In edit theme settings page at left side bar edit "Header" group. in that you can see multiple global styling options.
Step 1
Step 2
How to Edit blog sidebar option in theme?
- Step 1: In your dashboard at top navigation go to "Marketing -> Website -> Blog"
- Step 2: At blog post page edit your blog post.
- Step 3: In blog post editor page at right side click and edit global sidebar module
- Step 4: Then the pop-up box click "open in global content editor" button.
- Step 5: At left sidebar you can find and edit "Post listing widget" module.
- Step 6: At left sidebar you can see multiple customization settings, edit your required one.
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6