CSS Editor

SellStack includes a flexible styling system that allows each storefront to be visually adjusted without modifying core theme files. At the center of this system is a dedicated file called custom.css, which acts as the final layer of styling applied to the shop’s frontend.

To support easier management of visual customizations, SellStack introduces a built-in CSS Editor within the Admin interface. This tool enables authorized administrators to edit custom.css directly from the browser, with changes applied immediately.

custom.css is a special stylesheet that SellStack loads after all other CSS, including:

• Theme stylesheets

• Plugin styles

• Layout overrides

• Google Fonts and external files

Because it is loaded last, any CSS written inside custom.css automatically takes priority over previous styles. The file lives inside the public assets of the storefront and is automatically created by the CSS Editor if it does not already exist.

The CSS editor provides:

• A built-in text editing interface for modifying custom.css.

• A large, readable workspace optimized for editing long CSS files.

• Immediate application of changes to the storefront.

• Protection against accidental or unauthorized modifications.

Because incorrect CSS can impact the storefront layout, access to the editor is restricted. Before entering the editor, users must unlock access by entering a special administrative password. This password is separated from a standard admin login and acts as an extra security layer to prevent unintentional changes.