CSS for Shipping Estimator

[davidandrews]

HI There
I was wanting a Black background and white text JUST for the shipping estimator

Searching the forum, I have seen that adding the code:


#popupShippingEstimator {
background: #f00000;
}
.shippingEstimatorWrapper {
background: #000000;
}

to the stylesheet, gives the stylesheet a different background, but is it possible to add just specific alterations to give a different text colour on this page alone?
i tried:

#popupShippingEstimator {
background: #000000;
text: #ffffff}
.shippingEstimatorWrapper {
background: #000000;
}

but that didn't work, think i am close though!

[afo]

Try

#popupShippingEstimator {
background-color: #000000;
color: #ffffff;}

which will make the background black and the text white.

[davidandrews]

Thanks for that!
What does the wrapper do in my original find? Do i lose functionality by not having it?

Thanks so much for your help

[davidandrews]

HI There
Sadly, this doesn't work

it does turn the background to black, but then the main site background comes in and overrides it

What shall i alter in the stylesheet?

Its JUST the shipping estimator background i want to be different (black background, white text)

Thanks!!!

[davidandrews]

Tried a few different variations

...... is it impossibe to have a seperate backrgound for the shipping estimator page, to the main background of a site?

thanks for any ideas!!

[afo]

Yes, you can have a separate background.

Somewhere in your stylesheet you have something like

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {

	background-color: #cacaca;

	color: #000000;

	}

Change it to

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

	background-color: #cacaca;

	color: #000000;

	}

[davidandrews]

I Love you AFO

That worked perfectly and I was able to adjust and even add seperate background images as well!

Thanks so much

[afo]

I did something along those lines on the Fan Odyssey site in my sig because the white text wasn't showing up properly on the shipping estimator. It just takes a little tweaking of the css. From what you said, you're already getting the hang of it.