Does the site use a single compiled css file or do the sections have individual files?

Featured links

1. Shopify documentation on adding custom CSS to your theme
2. Shopify documentation on editing theme code
3. Shopify documentation on updating themes

Helpful videos

Shopify Academy video: Customizing your store

Shopify Academy video: Customizing your store

Company XYZ themes use a combination of global CSS and section-specific styles.

The main global stylesheet is located at Theme root > assets > base.css. Some sections also have their own stylesheet in the same assets folder. These files use the section- prefix followed by the section name, such as section-features-bar.css.

For update considerations, see Shopify documentation on updating themes

For custom styling, use the Theme editor’s custom CSS option when possible. See Shopify documentation on adding custom CSS to your theme. If you need a separate stylesheet, add a new standalone CSS file for your customizations rather than editing the theme’s existing CSS files. For code-editing steps, see Shopify documentation on editing theme code

Caution

Changes to existing theme CSS files may be overwritten during a theme update and can make ongoing support more difficult.

Usage notes

1. Start with global styles. Use base.css for styling that should apply across the site.
2. Check for section styles. Look for a matching section- stylesheet when adjusting a specific section.
3. Keep customizations separate. Prefer custom CSS in the Theme editor or a standalone stylesheet to make future theme updates easier.