Theme Settings

Melvin Cruz

Created Oct 16, 2022

Theme Settings

21
    h

Hubspot

8 Steps
1

Go to Edit Page

2

Click on Theme tab

Click on Theme tab
3

Click on Edit theme settings

Click on Edit theme settings
4

Click "Global Modules Color"

Modules uses primary color (like indigo, blue etc.) & secondary color (gray) and numeric scale (where 50 is light and 900 is dark) by default. You can generate colors by using material palette generator or any free color palette generator online.

Primary Default: 600 for the normal state and 700 for the hover state

Secondary Default: 500 for the normal text

Click "Global Modules Color"
5

Edit Primary option

Edit Primary option
6

Edit Secondary option

Edit Secondary option
7

Click on Theme settings

Click on Theme settings
8

Edit Global Background Color

Edit Global Background Color
    a

Hubspot

3 Steps
9

Edit Global Sidebar Left

Edit Global Sidebar Left
10

Edit Global Main Section

Edit Global Main Section
11

Click on Global Sidebar Right

Click on Global Sidebar Right
    a

Hubspot

8 Steps
12

Edit Global Typography

Edit Global Typography
13

Click on Global Forms

Click on Global Forms
14

Edit Submit Button

Edit Submit Button
15

Click on Theme settings

Click on Theme settings
16

Click on Global Background Color

Click on Global Background Color
17

Click on Global Sidebar Left

Click on Global Sidebar Left
18

Click on Global Main Section

Click on Global Main Section
19

Click on Global Sidebar Right

Click on Global Sidebar Right
    a

Hubspot

2 Steps
20

Click on Global Typography

Click on Global Typography
21

Click on Global Buttons

Click on Global Buttons
    a

Hubspot

4 Steps
22

Click on Theme settings

Click on Theme settings
23

Click on Global Container

Click on Global Container
24

Click on Global Tables

Click on Global Tables
25

Select Global Header

Select Global Header
    a

Hubspot

3 Steps
26

Select Global Header Landing Page

Select Global Header Landing Page
27

Select Global Footer

Select Global Footer
28

Select Global Footer Landing Page

Select Global Footer Landing Page
    a

Hubspot

2 Steps
29

Default Global Scroll Animation

Default Global Scroll Animation
30

Click on Publish

Click on Publish
Well done!
Create how-to guides like this in a snap. Get Tango now.