Theme Settings

Each CMS has its own behavior.
A HubSpot theme can handle various settings; this way, you can control as a marketer, user a website as easily as possible.
For the Magazine theme, you have more than 200 settings you can control!

The theme setting you can find in the settings using the gearbox icon (top right) then go website \ themes OR click here and replace XXXXXXX with your HubSpot portal ID

Global Settings

Consider these settings as super settings, they will be inherited further down the road, you can overrule them if needed.

  • Global colors > Set primary, secondary, and body background-color
  • Global fonts  > Set font for Menu, Header, Body
  • Spacing and Page width > Set the boxed width of the body & top/bottom spaces

magazine-global-settings


magazine-global-settings-2

 

Header Settings

Activate extra functionalities in the header and control all the header variables.

magazine-header-settings-3

  • Activate extra functionalities in the header
  • Control the top menu
  • Control the main menu

magazine-header-settings

magazine-header-settings-2

 

 

Typography

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)

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • Body p
  • Blog Body p
  • Blockquote
  • Link (a)
  • View All / View Designs

magazine-typography

magazine-typography-2

magazine-typography-3

 

 

Buttons

Create some button variations here, you can use the settings in different modules or use as a class in the source code.

  • Button sizes
    • Small
    • Regular
    • Large
  • Primary CTA (cta_primary)
  • Secondary CTA (cta_secondary)
  • Simple Text button

magazine-module-buttonYou can use the button in various combination in the magazine button module

magazine-buttons

magazine-buttons-2

 

 

Form Settings

In this section you can control the look of a form and all its elements, field, placeholder, help,...

  • Title
  • labels
  • Fiels
  • GDPR text
  • Help Text
  • Error Text
  • Submit
  • Background color
  • Border
  • Padding

magazine-form-settings

magazine-form-settings-2

magazine-form-settings-3

 

 

Table Settings

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.

  • Table head
  • Font color
  • Background color
  • Border
  • Padding

magazine-table-settings

magazine-table-settings-2

 

 

Blog Settings

In this section you can control the functionalities focussed on the blog, such as listing, hero's, featured,...

  • Listing
  • Blogpost options
  • Topic options
  • Newsletter block

magazine-blog-settings

magazine-blog-settings-2

 

 

Footer Settings

Manage the footer section of each page, width, look, style,...

  • Show instagram posts
  • Spacing Options
  • Style Options
  • Social Icons

magazine-footer-settings

magazine-footer-settings-2

 

 

Theme Specific Settings

The settings below are very specific for this magazine theme, therefor we grouped them together

  • Homepage & bloglisting

magazine-theme-specific-settings

magazine-theme-specific-settings-2