Add your own CSS

Fine-tune your store's look with CSS, in the editor's Site design tab.

  1. In the editor, click Site design.
  2. Open Custom CSS and type your CSS in Your CSS.
    The Site design tab in the editor, with the Custom CSS section open and a CSS rule typed in the Your CSS box
  3. Click Preview to see it. Your CSS shows in Preview and on your published store, not in the editor itself.
  4. Publish to put it on your store.

Good to know:

  • It doesn't apply to checkout or the account pages.
  • Links to other websites (like @import, or url() to another site) are removed, so your pages never load files from a stranger's server. Pictures you uploaded to Payly (addresses starting with /_media/) work.
  • It stays when you change your site's design.
  • Payly's own page structure can change in an update. If a rule stops working, check it in Preview.

Related articles

Last updated 2026-10-16