Extra CSS
Open Appearance > Extra CSS.How The System Works
Add small CSS adjustments without editing template files. This page stores the records and settings used by the related admin workflow, storefront page, checkout flow, support area, theme, or integration. After saving, refresh the affected page and test the result from the user side when possible.Before You Fill The Form
Check that your admin role has permission for this page. If the form depends on a payment provider, server connection, theme module, or external account, configure that dependency before saving. If a selector is empty, create the related product, category, user, role, provider, server, or currency record first so it appears in the dropdown.How To Fill The Form
| Field | How to fill it |
|---|---|
| CSS code | Use a stable short value. Avoid spaces if the field is used in URLs, codes, or internal identifiers. |
Create Or Update A Record
- Open the page from the admin menu.
- Review the list, dashboard, editor, or settings panel.
- Change only the fields that match the behavior you want to update.
- Save or apply the change.
- Refresh the related page and test the result as a normal user when possible.
Page Actions
- Save changes: Stores the current settings or list changes.
After Saving
Return to the list and confirm that the record is visible. If the page supports ordering, drag the record into the correct position and click Save changes. Then test the affected user flow, such as checkout, login, support, content display, reward delivery, or integration sync.Important Notes
- Use Extra CSS for small design fixes.
- Test on desktop and mobile after saving.
