Custom CSS

The Custom CSS setting allows you to apply additional styling to your store without modifying the theme’s core files. This is useful for minor design adjustments or quick overrides that aren't available through the standard theme settings.

Custom CSS Field

Field type: Text area (code input) Purpose: Add your own CSS rules to target specific elements, adjust layout spacing, modify colors, fonts, and more.

Examples

/* Change the background color of the announcement bar */
.announcement-bar {
  background-color: #fce4ec;
}

Changes made here are loaded inline with your theme and apply globally.

How to Add Custom CSS

  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. Open Theme Settings → Custom CSS.

  4. Paste your CSS code into the input area.

  5. Click Save.

PreviousQuick viewNextSize guide