Soul Documentation
  • Greeting
  • UPDATES
    • What's new in Soul
      • Release Notes
      • Version 3.1.0 release
      • Version 3.0.0 release
    • Demo stores
      • Elegant
      • Warm
      • Dark
  • SECTIONS
    • Header
      • Announcement bar
      • Header
    • Template sections
      • A to Z brands
      • Blog posts
      • Collage
      • Collapsible content
      • Collection list
      • Collection showcase
      • Collection spotlight grid
      • Contact form
      • Custom Liquid
      • Dynamic hover blocks
      • Email signup
      • Featured collection
      • Featured product
      • Flexible content
      • Image banner
      • Image comparison
      • Image gallery
      • Image with text
      • Image with product
      • Lookbook
      • Map
      • Multicolumn
      • Multirow
      • Rich text
      • Page
      • Recently viewed products
      • Running text with image
      • Shop the look
      • Slideshow
      • Testimonials
      • Video
    • Footer
    • Popup
  • THEME SETTINGS
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Pop-ups
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Breadcrumb
    • Preloading screen
    • Back to top
    • Custom CSS
  • COLLECTION LIST PAGE
    • Collections list page
  • COLLECTION PAGE
    • Collection
      • Collection banner
      • Product grid
  • PRODUCT PAGE
    • Product page
      • Product information
      • Product tabs
      • Related products
  • BLOG & BLOG POST PAGE
    • Blog page
    • Blog post page
  • CART
    • Cart
  • OTHER PAGES
    • How to create a page?
    • Search page
    • Password page
    • 404 page
  • TUTORIALS & TOPICS
    • How to enable size chart on product page
    • How to enable gift wrap option on cart page
    • How to enable free shipping notification
    • How to add a countdown timer on the product page
  • Knowledge base
    • Getting started in Shopify
    • Shopify help center
    • Shopify developers platform
  • Get Support
Powered by GitBook
On this page
  1. THEME SETTINGS

Pop-ups

Pop-ups allow you to customize the style of pop-ups in the theme.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Pop-ups.

Border

Setting
Description

Thickness

Set the width of an dropdown's four borders. Can be from 0px to 24px, increasing arithmetically of 1px (pixel).

Opacity

Sets the opacity level for an dropdown's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.

Corner radius

Set the radius of the dropdown's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).

Shadow

Setting
Description

Opacity

Sets the opacity level for an dropdown's shadow. Can be from 0% to 100%, increasing arithmetically of 5%.

Horizontal offset

The horizontal offset of the shadow. A positive value puts the shadow on the right side of the dropdown, a negative value puts the shadow on the left side of the dropdown. Can be from -40px to 40px, increasing arithmetically of 1px (pixel).

Vertical offset

The vertical offset of the shadow. A positive value puts the shadow below the dropdown, a negative value puts the shadow above the dropdown. Can be from -40px to 40px, increasing arithmetically of 1px (pixel).

Blur

The blur radius. The higher the number, the more blurred the shadow will be. Can be from 0px to 40px, increasing arithmetically of 5px (pixel).

PreviousBlog cardsNextBadges

Last updated 11 months ago