Customize Cart Verification Script Styles

If the default Cart Verification Script message doesn't match your store's look, you can customize it with CSS.

CSS Selectors

Use these selectors to style the verification message:

• sesami-warning-list — the container for all warning messages

• sesami-warning-item — each individual warning message

Examples

White background with max width

sesami-warning-list {
    background: #FFF;
    max-width: 400px;
}

Dark theme (black background, white text)

sesami-warning-list {
    background: #000;
    color: #FFF;
    max-width: 400px;
}

sesami-warning-item {
    color: #FFF;
}

Where to add the CSS

Add your custom CSS to your Shopify theme:

1. Go to Shopify Admin > Online Store > Themes > Customize

2. Open Theme Settings (gear icon)

3. Find the Custom CSS section (or add a custom CSS block)

4. Paste your styles and save

Need help?

If you're not comfortable editing CSS, contact us at [e-mail] with your desired style (described or as a design file) and our team will do it for you at no additional cost (paid plans only).

Related

• Cart Verification Script — how the script works and how to enable it