CSS Customization (Predefined File vs. Custom CSS)

• Options:
  Users can choose between:
  • Predefined CSS File: A ready-made file containing all custom styles.
  • Custom CSS Field: An integrated code editor for directly entering CSS code.
• Step-by-Step Process:
  1. Identify the Required Selector or Variable:
     • Open the application in your browser.
     • Right-click the target element and select “Inspect Element” (or “View Code”) to open DevTools.
     • Locate the relevant CSS selector or variable.
  2. Test Changes in DevTools:
     • Modify the CSS in DevTools to preview changes in real time.
  3. Apply the Changes:
     • For permanent updates, either upload the modified CSS file or paste the new code into the Custom CSS field.
  4. Verify the Result:
     • Save the changes and refresh the page to ensure the new styles are applied correctly.