If the Mixed Cart Warning text is difficult to read or blends into the background, you can change the color using a small CSS update in your Shopify theme.
This is helpful if your theme applies styles that override the popup text color.
Example Issue
Some themes set the popup text color to white or transparent, which can make the message appear invisible.
You may see:
The Mixed Cart Warning popup appears
But the text is not visible
The popup looks like a blank white box
Changing the text color ensures the message is always readable.
How to Change the Text Color
Add the following CSS to your Shopify theme:
#pn-mixed-cart-warning-title {
color: black !important;
}
#pn-mixed-cart-warning-text {
color: black !important;
}
#pn-modal-close-btn {
color: black !important;
cursor: pointer;
}You can replace black with any color you prefer.
Example:
color: red !important;
Where to Add the CSS
In Shopify admin, go to Online Store → Themes
Click Edit Code
Open your main stylesheet (commonly one of these):
base.csstheme.cssstyles.css
Paste the CSS at the bottom of the file
Click Save
Test the Warning
After saving, test the warning by:
Adding a preorder item to the cart
Adding a regular item to the cart
The Mixed Cart Warning popup should appear with the updated text color.
If the text color still does not update, your theme may be applying stronger styles. In that case, our support team can help apply the correct styling for your theme.