3 - How To Use Global Style

1. Open Global Style Settings 

Begin by clicking the Global Style option to access the main styling configuration area where you can customize your application's appearance.
Open Global Style Settings

2. Select Theme color

In Theme Color Palettes, you can select from the available color palettes or create and apply your own custom brand colors to match your website’s identity.
Select Theme color

3. Select theme fonts

In Theme Fonts Style, you can choose and set the font style for your website according to your preference. Select the font that best matches your design and branding.
Select theme fonts

4. Modify Theme Font Properties

You can modify all font style properties of your website, such as font size, font color, font weight, and line height. This allows you to customize the text appearance and improve the readability and design of your site.
Modify Theme Font Properties

5. Theme Buttons Style Settings

You can also customize the theme button styles, such as button color, shape, padding, margin, and font size. This helps you match the buttons with your website’s overall design and branding.
Theme Buttons Style Settings

6. Save Style Changes

Click the Save Changes button to apply all your global style customizations and update the application’s appearance.
Save Style Changes
You have successfully configured the Global Style Settings by customizing colors, fonts, button styles, and H1 to H6 heading settings. These changes are now applied across your website, ensuring a consistent and professional design.

Uploading...