Skip to main content

Custom CSS for Your Storefront

D
Written by Dazza

Advanced styling

For stores that want complete control over their storefront appearance, Spatula supports custom CSS injection. This is an advanced feature for users who are comfortable with web styling.

Adding custom CSS

  1. Go to Settings > Storefront in your dashboard.

  2. Find the "Custom CSS" field.

  3. Enter your CSS code.

  4. Save and preview your storefront to see the changes.

Common uses

  • Adjusting spacing or padding to match your brand guidelines.

  • Changing specific element styles that are not covered by the built-in theme options.

  • Adding special hover effects or visual treatments.

Note: be careful with custom CSS — incorrect styles can break your storefront layout. Test thoroughly on both mobile and desktop after making changes.

Did this answer your question?