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
Go to Settings > Storefront in your dashboard.
Find the "Custom CSS" field.
Enter your CSS code.
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.