Skip to content
Appnux

Style the widget with your own CSS

Target stable widget classes when the Appearance controls are not enough.

Style the widget with your own CSS

Target the widget safely

Every widget element sits under the .sl-widget wrapper and widget classes start with sl-. For example, .sl-widget .sl-list-item { border-radius: 10px; } rounds each store row.

Custom rules load after the widget styles, so they win when specificity is equal without requiring !important.

Saving and limits

Paste plain CSS into the Custom CSS page. The stylesheet must remain under 50,000 characters and cannot contain script or style tags.

Saved CSS reaches the storefront within about one minute because the widget configuration is cached.

Tell us where the guide stopped helping

Include your store URL, the step you reached and what happened. The answer may become the next revision of this guide.

Contact supportAll help guides

Email support@appnux.com. We aim to reply within one to two business days.