A child theme is a copy of an original parent theme. You can edit the child theme without altering the parent theme. You can create child themes from HubSpot themes, marketplace themes, as well as custom themes.
Each CMS has its own behaviour. Therefor it's important that you know how HubSpot CMS is working. Please watch this video training before you start building your website.
HubSpot has a great Academy!!
HubSpot has an excellent documented knowledge base and has 24/7 support:
The essential theme is out of the box very fast. Keeping your website fast start with you! Check out this demo website speed tests
Here is a list of the deadly speed sins:
This Does not mean that you can not add Chat or video or scripts. Just be careful. Use them wisely. Don't add them all on your entrance pages!
A theme is a set of styles and templates you can apply to your website pages and blogs in HubSpot. To make sure that your website looks consistent, style settings for all pages using the same theme are managed in your theme settings.
Go to your theme settings by clicking on the gear icon in the top right corner.
In de sidebar select website \ themes
Or use this shortcut, click here
Changing the general theme settings:
There you will find our essential theme and the child theme.
Click on the child theme and in the new sidebar you will find the theme settings.
Consider these settings as super settings, they will be inherited further down the road, you can overrule them if needed.
Activate extra functionalities in the header and control all the header variables
Style options for header and main menu
By default, the fonts are inherited from the global font settings. Here you can overrule them if you want to. You can use a different Google Font or a Custom Font (custom fonts are declared in CSS)
Create some button variations here, you can use the settings in different modules or use as a class in the source code
Use the button module and combine size with kind.
is standard href link you can add the code class="cta_primary" or class="cta_secondary" in any Rich text field to create a button.
In this section you can control the look of a form and all its elements, field, placeholder, help,...
You can use a table in a Rich Text object. Here you can control the general look and feel of these tables all over the website, so they look the same.
In this section you can control the functionalities focussed on the blog, such as listing, hero's, featured,...
Manage the footer section of each page, width, look, style,...
We have created an All Section template for you. This template holds almost all sections / modules on one big example template. Just delete the sections you don't need. Move the remaining sections around and you can compose in a minute a new astonishing webpage.
HubSpot CMS is out of the box multilingual. In addition we added some scripts and translation files. That can be used in the blogs and webpages. Here you need to dig into coding. Go to your design manager and search for lang.html
The essential theme has been prepared to work with custom fonts. Here you need some coding to make this work. Go to your design manager and search for _custom_fonts.css
On the _custom_fonts.css file, paste the font code and make sure to name the font-family: 'Custom Font 1' or font-family: 'Custom Font 2'
The essential theme let's you add up to 2 custom fonts.
A HubSpot drag & drop theme only works if you have a HubSpot CMS license. You can not use this theme on your own server.
All information on the HubSpot CMS.
How HubSpot Drag and Drop Areas work
Drag & drop areas are composed of modules, which are blocks of website content.
These modules may be arranged in horizontal rows or vertical columns.
Rows and columns may be grouped into sections of elements.
By grouping these elements, you can apply background styles to an entire area of your page. You can also drag & drop entire rows, columns, or sections to rearrange your page layout.
Check out this HubSpot knowledge page that explains all functionalities.
We selected some interesting HubSpot resources on drag & drop themes
We offer 2 hours of customization and free updates! FREE 15-min consultation before you buy, FREE 2 hours of customization service, and FREE updates are just a few things we have in store for our customers.