Changing Shipping Estimator popup background

I have successfully altered the background of the image popups by creating a new class and creating the relevant popup directories in my template folder with their respective tpl_main_page.php files....however....I have tried to do the same with the shipping estimator popup but whatever I do the main site background image refuses to disappear. Must be doing something wrong but can't work out what!

Help gratefully received!

I think that having to add additional classes is probably overkill since each popup has an id which can be styled like anything else.

Exactly what did you try to use for the shipping estimator?

Hi Kim

I tried initially styling the id which didn't work so then tried classes.

The popup code is:

<body id="popupShippingEstimator" class="centeredContent"> <p><?php echo '<a href="javascript:window.close()">' . TEXT_CURRENT_CLOSE_WINDOW . '</a>'; ?></p> <?php require(DIR_WS_MODULES . zen_get_module_directory('shipping_estimator.php')); ?> <p><?php echo '<a href="javascript:window.close()">' . TEXT_CURRENT_CLOSE_WINDOW . '</a>'; ?></p> </body>

and the stylesheet is:

#popupAdditionalImage, #popupImage, #popupShippingEstimator {
background-color:#ffffff;
}

The main body has a background image which I don't want displayed. As I said earlier - it works fine for the popup images which use the other ones listed.

Just can't figure it out!!

Try adding: background-image: none; to the stylesheet for the popup.

Clever girl - Spot on!! Would never have thought of that....thank you so much!