Theme Settings

Instructions:

  1. Go to Edit Page
  2. Click on Theme tab

    screenshot_dec0927e-0828-47c9-99d4-5f343fa7c9c4
  3. Click on Edit theme settings

    screenshot_4e349233-df0d-4803-af1b-57c54cd9bc05
  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

    screenshot_fad171db-73cb-4169-b21d-2f939c8168cf
  5. Edit Primary option

    screenshot_fd33ac42-7ae7-48d2-b938-605a6c1ab846
  6. Edit Secondary option

    screenshot_235d880a-1032-4519-8045-daf93e415627
  7. Click on Theme settings

    screenshot_e5a9259e-55c7-4a79-ad62-c022b172eaac
  8. Edit Global Background Color

    screenshot_2039dbcf-8c09-4571-81e3-47973d35bf87
  9. Edit Global Sidebar Left

    edited_image_992b482f-81bb-43b1-acec-f5d05d6c31c7
  10. Edit Global Main Section

    edited_image_8750378b-0f43-4bce-b264-598326ff6f43
  11. Click on Global Sidebar Right

    edited_image_584810bb-d2e0-4d33-8f08-5b01c386b3fa
  12. Edit Global Typography

    screenshot_5ff21ca4-5b37-44a2-808a-b81cf3b3e104
  13. Click on Global Forms

    edited_image_4fcd3d07-feef-48ef-bbd3-60ca95ac5e29
  14. Edit Submit Button

    screenshot_892c0aaa-5a08-42c2-a022-4962c403977b
  15. Click on Theme settings

    screenshot_e6024c27-58d4-4845-a2c9-9a9cfbc2df60
  16. Click on Global Background Color

    screenshot_85da8b2d-e895-425d-ab2a-1c6ef833d58e
  17. Click on Global Sidebar Left

    screenshot_e387e1d6-9712-4164-ba80-c28335ac3224
  18. Click on Global Main Section

    screenshot_f0d1d433-bfa4-4712-84f2-8ffb9512d20e
  19. Click on Global Sidebar Right

    screenshot_938a9ce6-b6b2-4925-91b8-4bf9a0b7bc4a
  20. Click on Global Typography

    screenshot_f85097a4-26ff-48e5-a92c-ac74c52662ec

  21. Click on Global Buttons

    edited_image_76cba4d5-109b-41ac-b423-87c02cac7e4e

  22. Click on Theme settings

    screenshot_8e68c312-3c8a-4f99-b5e3-20f685eac3a7
  23. Click on Global Container

    screenshot_80bb56a9-aea8-420b-a508-7f9092de5696
  24. Click on Global Tables

    screenshot_b63fe085-6d0b-4200-bb6f-045fc404f4f3
  25. Select Global Header

    screenshot_fa4b132f-4b5a-4f9a-ba97-f5c8ad29cb6d
  26. Select Global Header Landing Page

    screenshot_124ab702-e130-4996-9c01-36f5c3468bf6
  27. Select Global Footer

    screenshot_b32b449d-5367-436d-9ece-58688ce09eb6
  28. Select Global Footer Landing Page

    screenshot_bbac7d4e-5b6b-450b-9f28-df61f9fcbee6
  29. Default Global Scroll Animation

    screenshot_8b37e152-abc3-4275-8031-1b21477601e9
  30. Click on Publish

    screenshot_4187548b-100c-48f6-9f87-c0901dcca047