How to change the background color of your popup

You can easily customize the background color of your SmartSize popup by adding a short snippet of CSS to your Shopify theme.

---

 

Step 1

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

2. Open the Theme settings → Custom CSS section.

 

---

 

Step 2

Paste the following code snippet:

.smartsize-modal {
  background-color: #F7F4F0 !important;
}

Replace #F7F4F0 with any color you prefer (for example, #ffffff for white or #CBBBA8 for light beige).

Save your changes and preview your store to see the updated background color.

---

 

 

Pro Tip:

For additional customization options—like changing colors, sizes, or spacing—visit our SmartSize CSS Styling Chatbot for step-by-step guidance.