Hiker - HubSpot Theme

Thank you for purchasing Hiker!

Hiker – is a travel blog HubSpot theme for creative people. Hope you’ll enjoy using Hiker as much as we enjoyed developing it.



Theme Structure

- hiker
|- css
|- images
|- js
|- modules
|- templates
|- fields.json
|- theme.json

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.


Theme Modules

We prepared 22 custom modules for Hiker theme, which you can use to build your pages.


Theme Templates

Hiker theme comes with 15 predefined page templates. You can use them to easily get started building your new page.


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

image image

Setup Header

When you are on the page editing screen, you need to do the following to set up the header:


Once opened the global editor, you can set up your logo, navigation, social icons, etc…


When you are on the page editing screen, you need to do the following to set up the footer:


Once opened the global editor, you can set up navigation, social icons, etc…


Setup Blog


Setup template for the Blog posts and Blog listing pages


Setup System Pages


Custom CSS and JS

To easily add CSS and JS customizations we prepared blank files for you in /css/custom-styles.css and /js/custom-scripts.js


All images, that you can see on the demo site available within the theme package thanks to the Unsplash license https://unsplash.com/license.

Thank You!

Thanks for using Hiker. We take great pride in creating solid themes and strongly believe in robust customer service practices. Should you have a question that neither this documentation file nor Themeforest’s forums can resolve and we’ll do our very best to assist you.

If you like our theme, please take 1 minute to rate it on Themeforest:

We hope you will enjoy using it for your next project!