Advanced Styling

Custom CSS

Learn how to inject custom styles into your Sellzar store without modifying the core theme files.

Global Custom CSS

Sellzar includes a dedicated input field for global CSS that persists across all pages. This is the safest way to apply small visual tweaks to your store.

Where to find:

Go to Theme Settings > Custom CSS.

Section-Specific CSS

In Shopify 2.0, every section and block can have its own CSS. This is ideal for styles that should only apply to a single element.

Scoped Styles

When adding CSS to a specific section, you can use the selector .section-idto ensure your styles don't bleed into other parts of the store.

Best Practices

Avoid !important

Try to use more specific selectors instead of forcing styles with !important.

Comment Your Code

Always add comments explaining what each CSS block does for future reference.

Safety First

Before making large CSS changes, we recommend duplicating your theme to create a backup.