Clear Classic Home

This Template is designed to allow you to easily build a page. Apply changes to your entire site. This Template Pack provides you everything you need to create a website on HubSpot that represent your brand well and help you grow your business.

Watch the video below, where you can learn how to customize and edit the Clear Theme Home Page 2 Template easily.

 

Let's  get started

Section Edit - 1

General Settings:  In the General settings of banner, you can  adjust the alignment /spacing and background.

Screenshot_107

Alignment and Spacing :  In the alignment and spacing setting, you can change the Content Alignment, margin and padding.

                                                                                                 Screenshot_105-1

Background :  In this setting you get the  privilege to choose the background type, image, image size and image alignment.

Screenshot_142

Content Settings: In content settings, you can add the heading and the description of the slider.

Text Editing: Here you can change the text, font-color, font-size, and other font settings. 

Screenshot_108

Section Edit - 2

In this section, you get the options to replace/remove the image, edit the alt text, size, maximum size and also you can add the link over the image which is totally optional.

After image, there is the rich text section which is editable, and can be edit in the rich text editor.

Screenshot_162

Screenshot_163

Section Edit - 3

In this section, add the heading content and Sub-content in the rich text editor.

Screenshot_143

Now it's time to  edit the clear product module inside clear product, you get the options to replace and remove the icon, adjust the size, maximum size. Also you get the privilege to change the heading and text and link.

Screenshot_144

Section Edit - 4

In this section, there is the rich text section which is editable, and can be edit in the rich text editor.

Screenshot_145

Image General Settings:  In this setting, you can adjust the alignment /spacing and background properties.

Screenshot_107

Alignment and Spacing :  In the alignment and spacing setting , you can change the Content Alignment, margin and padding.

                                                                                                 Screenshot_105-1

Background :  In this setting you get the privilege to choose the background type, image, image size and image alignment.

Screenshot_147

Section Edit - 5

 In this section first, you can add the heading content and Sub-content in the rich text editor.

Screenshot_149 In banner, alignment/spacing and background settings are available as discussed in the section-4.

Button Editing :

In this setting, you get the options to edit, style, clone and delete module.

Screenshot_150

Here you get the options to change the button text, button options and style options where you can change the button style and button size.

Screenshot_152   Screenshot_153

Once you are done with the editing, apply changes to the module.

Section Edit- 6

In this section, you get the options to replace/remove the image, edit the alt text, size, maximum size and also you can add the link over the image which is totally optional.

Screenshot_154

In the image-text column, you can change the image, size and maximum size. Below image, there is a rich text section which is editable, and can be edit in the rich text editor.

Screenshot_155

Same is to do with other images  and text in this module.

Section Edit- 7

Slider Setting:  Here, you get the options to edit the Testimonial head tittle, client-image, width, height, client-name and client review as shown below: 

Section Edit- 8

Content Editing: Here you can edit the heading and subheading in the rich text editor given in the left side or the editor given right above the content.

Screenshot_156

Button Editing :

In this setting, you get the options to edit, style, clone and delete module.

Screenshot_150

Here you get the options to change the button text, button options and style options where you can change the button style and button size.

Screenshot_152   Screenshot_153

Once you are done with the editing, apply changes to the module.

Section Edit- 9

Image editing options: In this setting, you can  adjust  the alignment /spacing and background properties.

Screenshot_157

Alignment and Spacing :  In the alignment and spacing setting, you can change the Content Alignment, margin and padding.

                                                                                                 Screenshot_105-1

Background :  In this setting you get the  privilege to choose the background type, image, image size and image alignment.

In the image setting, you get the options to remove/replace the image, adjust the size and maximum size, also you can add the link for the image.

Screenshot_158

Once you are done with the editing, apply changes to the module.

Section Edit- 10

Content Editing: Here you can edit the heading and subheading in the rich text editor given in the left side or the editor given right above the content.

Screenshot_159

Section Edit- 11

Blog-Setting: Here you can choose the recent blog category from the options.

Screenshot_160

Section Edit -12

In this section first, you can add the heading content and Sub-content. Also, In this section, you get the privilege to adjust the alignment/spacing and background type as shown in the section.

Screenshot_141

Button Editing :

In this setting, you get the options to edit, style, clone and delete module.

Screenshot_161

Here you get the options to change the button text, button options and style options where you can change the button style and button size.

Screenshot_152   Screenshot_153

Once you are done with your editing, then click on the publish button.

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