Custom CSS (Styles)

The Custom CSS section allows you to apply custom styles to the slide cart and its components using your own CSS code.

This feature is intended for advanced customization beyond the default design options provided by the app.

Purpose

This feature allows you to:

• Override default styles
• Customize specific elements
• Apply advanced design changes
• Match the cart perfectly with your store theme

How It Works

• The CSS code entered here is applied globally to the slide cart
• It affects all components within the cart
• No <style> tags are required

Important Notes

 Use with caution

• Styles are applied directly and may override app defaults
• Incorrect CSS may break layout or functionality

Use of !important

In some cases, you may need to use:

</> css 
!important

to ensure your styles override existing ones.

 Best Practices

• Target specific classes or elements
• Avoid overly generic selectors
• Test changes before publishing
• Keep code clean and organized

Example Use Cases

• Change button styles beyond default options
• Adjust spacing or layout
• Customize fonts or colors not available in settings
• Hide or modify specific elements

How It Works

1. Add custom CSS code
2. The app applies it automatically
3. Styles override default design where applicable