Installing Theme
1. Download theme from Themeforest
2. Unzip that folder on your PC/Mac
3. Inside that folder, you will find a zip avenue.zip (this is the Hubspot theme)
4. Go to your HubSpot dashboard, Click on the settings icon on the right top, then locate and click on Website > Themes from the left panel
5. Upload theme using the Top right corner Upload button
Theme Settings
To edit your theme settings, you’ll first need to create a page with a theme template. The theme settings can be accessed within the page editor by clicking the Design tab on the left. Then click Edit theme settings.
Customizing colors, fonts, and spacing will set the default styles for all the elements on your page. If you want to edit specific details such as link colors, button colors, or default form colors, click Edit next to More settings to view additional theme settings available for your templates.
Setup Homepage
1. Log in to Hubspot, from the top panel, go to Marketing > Website > Website Pages
2. From the top right corner button, click Create > Website page
3. On the next page, select the Avenue theme
4. On the next page, select the Home template
5. Make sure to address the new page with a name, eg Homepage
6. Click Create page button
Once you finish the above steps, the Page will load with default modules, and populated with demo content, you can then point, click and edit the content to suit your needs. You can also drag/drop other modules as needed from the left panel, as well as you can delete the unneeded modules by hovering them on the page editor.
Setup Header
When you are on the page editing screen, you need to do the following to set up the header:
1. Click on Contents > Website Header
2. Click on the Open in global content editor button
Once opened the global editor, you can set up your logo, navigation, social icons, etc…
Setup Footer
When you are on the page editing screen, you need to do the following to set up the footer:
1. Click on Contents > Website Footer
2. Click on the Open in global content editor button
Once opened the global editor, you can set up navigation, social icons, etc…
Setup Blog
1. Log in to HubSpot, from the top panel, go to Marketing > Website > Website Pages
2. From the top right corner button, click Create > Blog post
3. Enter the title and the content for this post
Setup template for the Blog posts and Blog listing pages
1. Click on the settings icon on the right top corner
2. From the left panel, Locate Website > Blog
3. From the second tab Template, select and apply the Avenue templates for the Blog post and Blog listing page
Setup System Pages
1. Click Settings icon in right side of navbar
2. Click Website > Pages > System Pages and select the Avenue system pages