Custom CSS (block)

Add CSS scoped to one section — via a Custom code block or Shopify's built-in field.

Last updated About 5 hours ago

There are two ways to add section-specific CSS in Homage v1.1:

Custom CSS block (Custom code section)

Add a Custom CSS block inside the Custom code section on any template. Paste CSS into Code without <style> tags — the theme wraps it for you. Use this when you want CSS grouped with JavaScript or asset tags in one dedicated section.

Custom CSS field (any section)

Shopify also provides a native Custom CSS field at the bottom of almost every section's sidebar in the theme editor. Styles you enter there apply only to that section instance — they won't leak to other sections on the page.

This is the quickest option for one-off tweaks (padding overrides, hiding an element, campaign styling). See Padding settings for a common example.

Other settings

Test changes on mobile and desktop before publishing. Prefer theme settings and color schemes over CSS when a setting already exists — it's easier to maintain across theme updates.