Skip to main content

Global

Enhance the customization of your platform's global features by leveraging the powerful options available in the Global section.

This comprehensive configuration allows you to personalize essential aspects such as Colors, Links, Dropdowns, and Text to create a cohesive and visually appealing user experience.

Page Settings​

The Page settings directly influence the base font size, typography, and visual presentation of your platform. Take advantage of the following options to tailor the appearance of your pages:

  • Page Font Size: Specify the base font size for your platform in pixels.
  • Background Color: Set the desired background color for your platform.
  • Text Color: Define the primary text color for text elements throughout your platform.
  • Heading Font: Choose the font family for your headings.
  • Body Font: Select the font family for your body text.
  • Secondary Font: Utilize an optional font family for CSS snippets.
  • Tertiary Font: Employ an optional font family for CSS snippets.
  • Image Scroll Style: Choose between normal or fixed image scroll to enhance visual effects.

Colors Customization​

The Colors settings provide you with complete control over the primary colors of your platform. Customize each primary color to align with your branding preferences, utilizing RGB, HSL, or HEX color formats.

Text Colors​

The Text Colors settings empower you to personalize the primary font colors across your platform, ensuring consistency and visual harmony.

Refine the appearance of links within your platform using the following options:

  • Color: Customize the color of your links using RGB, HSL, or HEX values.
  • Link Weight: Adjust the thickness of the link's underline in pixels.
  • Opacity: Set the opacity of the authentication links from 0 (no transparency) to 1 (fully transparent).
  • Decoration: Define the decoration of the authentication links.
  • Decoration Color: Set the color of the decoration applied to the authentication links.
  • Decoration Thickness: Specify the thickness of the decoration applied to the authentication links in pixels.
  • Transition Timing: Define the timing function of the transition animation for the authentication links.
  • Hover Color: Specify the color of the authentication links when hovered over.
  • Hover Opacity: Set the opacity of the authentication links when hovered over from 0(no transparency) to 1(fully transparent).
  • Hover Decoration: Define the decoration of the authentication links when hovered over.
  • Hover Decoration Color: Set the color of the decoration applied to the authentication links when hovered over.

Elevate the appearance of your dropdown menus with the following customization options:

  • Border Style: Select the border style for your dropdown menus.
  • Border Width: Specify the width of the border surrounding your dropdown menus.
  • Background Color: Sets the background color for your dropdown menus.
  • Text Color: Define the text color for your dropdown menus.
  • Border Color: Choose the border of the color surrounding your dropdown menus.
  • Hover Border Color: Sets the border color when a dropdown item is being hovered over.
  • Open Dropdown Border Color: Customize the border color when a dropdown is opened.
  • Item Hover Background: Set the background color when a dropdown item is being hovered.
  • Item Hover Text Color: Define the text color when a dropdown item is being hovered.
  • Selected Item Background Color: Customize the background color when a dropdown item is selected.
  • - Selected Item Text Color:** Define the text color when a dropdown item is selected.

Pagination​

Tailor the design of your pagination to enhance the navigation experience within your platform. Utilize the following options to customize its appearance:

  • Border Style:* Select the desired border style for your pagination.
  • Border Width: Specify the width of the border surrounding your pagination.
  • Border Color: Choose the color of the border surrounding your pagination.
  • Background Color: Set the background color for your pagination.
  • Text Color: Define the text color within your pagination.
  • Hover Background Color: Customize the background color when a pagination item is being hovered over.
  • Hover Text Color: Define the text color when a pagination item is being hovered over.
  • Active Background Color: Set the background color when a pagination item is active.
  • Active Text Color: Define the text color when a pagination item is active.
  • Disabled Background Color: Customize the background color when a pagination item is disabled.
  • Disabled Text Color: Define the text color when a pagination item is disabled.

Take full advantage of the Global section's powerful customization options to create a visually cohesive and engaging platform. Fine-tune the colors, typography, links, dropdown menus, and pagination to reflect your brand's identity and deliver a consistent user experience.

With these comprehensive settings at your disposal, you can confidently create a platform that meets your design requirements and captivates your audience