NORTH JS TECH
Skip to content
North Js Tech
Global Theme Settings

Overlay

Controls the appearance of the overlay backdrop that appears behind drawers, modals, and popups.

Where to find it

  1. In your Shopify admin, go to Online Store → Themes → Customize
  2. Click the Theme settings (gear icon) in the left panel
  3. Click Overlay

Settings

General

SettingWhat it doesOptions / RangeDefault
Click to closeLets visitors close the overlay (and its associated drawer, modal, or popup) by clicking anywhere on the backdrop.CheckboxOn
Overlay opacitySets how transparent or opaque the overlay backdrop appears.0 – 100 % (step 5)40 %
Enable blurTurns the background blur effect on or off behind the overlay.CheckboxOn
Blur strengthControls how strongly the background behind the overlay is blurred.0 – 20 px (step 1)6 px

Light mode

SettingWhat it doesOptions / RangeDefault
Overlay colorPicks the overlay backdrop color used when the store is displayed in light mode.Color picker#000000

Dark mode

SettingWhat it doesOptions / RangeDefault
Overlay colorPicks the overlay backdrop color used when the store is displayed in dark mode.Color picker#000000

Last updated June 28, 2026

Let's talk