How to customize the CSS of my portal?

To be alerted of any breaking changes we may release on the portal, please "Follow" this article at the top right of the page.

Custom CSS is part of a paid add-on. To access this add-on, please go to your Billing Settings to add the add-on to your account. The add-on is currently in beta, please reach out to us so we can activate it for you!

Note that Return Magic does not support any HTML changes to the Portal: we are not able to add structure to any of the pages, or to add or remove pages in the Portal. You can only add content above and below the Portal using the Portal Content settings.

How does the CSS editor work?

To access the CSS editor, go to your Portal Design settings. Click on the CSS tab to access the CSS editor. Please read the pop-up attentively as you can only use either the CSS or the Design editor.

You can view your styling changes (almost) instantly on your portal after saving your changes.

What does the CSS editor support?

The CSS editor only accepts "vanilla" CSS, so please make sure you only enter CSS code that is compliant with the CSS specifications, and that you do not use any kind of CSS superset structure or semantics (for example: Sass, Less, etc. code will not work).

The best way to get started with editing your CSS is to open your Portal. Right click on the page, and select "Inspect". This will allow you to see the HTML and computed styles that are currently applied to your Portal, and see how the changes you want to make apply in real-time. The root element ID is "#alveoAppPortal".

Note that we support importing fonts. For an example of how to add custom CSS, please refer to this GitHub file.

To be alerted of any breaking changes we may release on the portal, please "Follow" this article at the top right of the page.