If you have a body background image on your zen cart store, you may notice that the popups, like larger image popup and shipping estimator popup will have this background image in it. zen cart shipping estimator background

To remove this background image, you will need to go into includes/templates/YOUR TEMPLATE NAME HERE/css/stylesheet.css and find the following code:

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff; }

After the background-color code, add the following:
background-image:none;

So, you end up with this:
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
background-image:none;
}

*NOTE: background-color: #FFFFFF is the hex code for white. You can replace the FFFFFF with any other hex codes you want that will match your template design.

Leave a Reply

You must be logged in to post a comment.