Theme Settings

Hubspot

  1. 1. Go to Edit Page

  2. 2. Click on Theme tab

    Click on Theme tab
  3. 3. Click on Edit theme settings

    Click on Edit theme settings
  4. 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. 5. Edit Primary option

    Edit Primary option
  6. 6. Edit Secondary option

    Edit Secondary option
  7. 7. Click on Theme settings

    Click on Theme settings
  8. 8. Edit Global Background Color

    Edit Global Background Color

Hubspot

  1. 9. Edit Global Sidebar Left

    Edit Global Sidebar Left
  2. 10. Edit Global Main Section

    Edit Global Main Section
  3. 11. Click on Global Sidebar Right

    Click on Global Sidebar Right

Hubspot

  1. 12. Edit Global Typography

    Edit Global Typography
  2. 13. Click on Global Forms

    Click on Global Forms
  3. 14. Edit Submit Button

    Edit Submit Button
  4. 15. Click on Theme settings

    Click on Theme settings
  5. 16. Click on Global Background Color

    Click on Global Background Color
  6. 17. Click on Global Sidebar Left

    Click on Global Sidebar Left
  7. 18. Click on Global Main Section

    Click on Global Main Section
  8. 19. Click on Global Sidebar Right

    Click on Global Sidebar Right

Hubspot

  1. 20. Click on Global Typography

    Click on Global Typography
  2. 21. Click on Global Buttons

    Click on Global Buttons

Hubspot

  1. 22. Click on Theme settings

    Click on Theme settings
  2. 23. Click on Global Container

    Click on Global Container
  3. 24. Click on Global Tables

    Click on Global Tables
  4. 25. Select Global Header

    Select Global Header

Hubspot

  1. 26. Select Global Header Landing Page

    Select Global Header Landing Page
  2. 27. Select Global Footer

    Select Global Footer
  3. 28. Select Global Footer Landing Page

    Select Global Footer Landing Page

Hubspot

  1. 29. Default Global Scroll Animation

    Default Global Scroll Animation
  2. 30. Click on Publish

    Click on Publish