Clear Classic Theme Main Settings

Clear Classic theme is build with the Hubspot boilerplate functionalities. This theme provide users the new environment to develop their website and style webpages. The best feature of boilerplate is to drag and drop the modules and sections.

Let's Get Started 

 The below video is to introduce you with the clear theme editor where you can learn how to customize and edit the available settings easily. 

<short video is to add here >

If you have any Sales or Support related questions, you can anytime reach us at hello@webdew.com or visit this page.

Let's see how it Works:-

Getting Started with General Global Theme Setting

In your  HubSpot account , navigate to Marketing > Website > Website Pages>, then select Edit on the page of your choice . 

Now , on the left hand side of the editor, go to Design, then Edit Theme Settings. This is where you can modify the  existing theme settings.  By publishing changes to theme settings, the styles across the pages using this theme, will get updated.  

In Theme Settings, the user can edit the following settings

<Screenshot need to add here>

  • Global colors :  Here the user get the option to  edit the primary and secondary colors accordingly.
    <https://prnt.sc/xrdow6 >
  • Global Fonts:- The user can change the primary and secondary font 
    <https://prnt.sc/xrf9vb>
  • Website Header :- Here the user get the options to change the background color, menu link color and child menu border color.
    <screenshot >
  • Typography :  It include H1–H6 heading , body copy, how to denote a link, micro copy, and micro headings on both white and color backgrounds.

How to edit Global Modules

Global Modules are modules that are made up of single or multiple pieces of content that can be used across multiple pages on your site.

While designing the website, there are some content section which needs to repeat on the multiple webpages. For instance, header and footer is same in all pages of theme.

Within the page editor, the user can  edit the global content  by the following steps:

  • In the HubSpot account,  navigate to Marketing > Website > Website page,  Landing Page or blog.
  • In the content dashboard,  click Edit  on the page or blog post that contains the global content.
  • Within the page editor, Click on the module you want to edit. Then, click on the  Edit module  icon in the  top right side and then Edit global content  will appear at the left side  in the editor. 
  • This will open a new content editor specifically for your global content.
  • In the left panel, click a module to edit its contents in the left sidebar editor. 
  • In the upper left, click the View on dropdown menu to see a list other assets using this global content in the template. Select another asset to preview how the changes you've made to your global content will impact that page or blog post.
  • When you are done with the  editing in the  global content, click Publish  in the upper right. These changes will be applied to all pages and blog posts using this global content.

    <video is to embed here>


    How to apply a template to your blog