Changing Backgroun on the Shopping Cart's [help (?)] Popup Window?

I can't seem to find where to change the background of the popup [help (?)] window in the shopping cart.

When mine pop's up, it shows my patterned background instead of a solid color. The patterned background makes it very difficult to read.

Does anyone know where I can change this?

Thanks in advance! :smile:

KittieMD:

I can't seem to find where to change the background of the popup [help (?)] window in the shopping cart.

When mine pop's up, it shows my patterned background instead of a solid color. The patterned background makes it very difficult to read.

Does anyone know where I can change this?

Thanks in advance! :smile:

K,
Find this in the stylesheet.css

includes/ templates/ custom/ css/ stylesheet.css

1. #infoShoppingCart
2. delete it, if in a row with others
3. Add the following declaration to the sheet
4. #infoShoppingCart {
   background-color: #000000;
   }
5. The red font above is changed to whatever background you would like..

haredo:

K,
Find this in the stylesheet.css

includes/ templates/ custom/ css/ stylesheet.css

2. #infoShoppingCart

3. delete it, if in a row with others

4. Add the following declaration to the sheet

5. #infoShoppingCart {

background-color: #000000;
}

6. The red font above is changed to whatever background you would like..

Thanks! I'll give that a whirl!

I had found the #infoShoppingCart in the style sheet grouped with others and changed it to the background color I wanted but it didn't change anything.

Off to give it a try! :)

Make sure you do not have an override that you are missing,
Or two stylesheets, the last sheet is always the ruler

It didn't change, so I'm thinking that I didn't put it in right.

This is what I have:

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

#infoShoppingCart {
background-color: #0B0B0D;
}

haredo:

Make sure you do not have an override that you are missing,
Or two stylesheets, the last sheet is always the ruler
Yes, this is my override css. :)

The background image may over-ride a background color.

So, create a small, plain white "gif" about 10 pixels X 10 pixels, call it white_back.gif (or similar), then save it to the same PATH as the other body background image, then:-

#infoShoppingCart {
background-image: url(../images/white_back.gif);
}

Or maybe this could work...

#infoShoppingCart {
background-image: none;
}

fairestcape:

Or maybe this could work...

#infoShoppingCart {
background-image: none;
}

FABULOUS!!! This worked perfectly!! Thank you so much!! :clap:

Hi,
This is what I use and it does work, just change the red to what you want.

#popupShippingEstimator, #popupLinksHelp, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color : #eee8aa;
background-image: none;
}

Rottie

rottiejoe:

Hi,
This is what I use and it does work, just change the red to what you want.

#popupShippingEstimator, #popupLinksHelp, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color : #eee8aa;
background-image: none;
}

Rottie

Thanks Rottie! :)

You are welcome, glad to help. I had the same problem not too long ago.

Rottie