How to change the text colour on Estimate Shipping popup box

My estimate shipping popup box from the shopping cart view has brown text on a brown background. Is there a way to change the text colour for only that popup or change the background colour just for that area?

My text colour for pretty much all text on the site is brown and I really don't want to change that just so I can change the text colour in that popup. I'm hoping there is a way to do it without effecting other areas.

amyleew:

My estimate shipping popup box from the shopping cart view has brown text on a brown background. Is there a way to change the text colour for only that popup or change the background colour just for that area?

My text colour for pretty much all text on the site is brown and I really don't want to change that just so I can change the text colour in that popup. I'm hoping there is a way to do it without effecting other areas.

The first person to reply to this is going to ask for a link to your site...
Could you post a link to your site?

I'm sorry. It is http://www.stampinstuff.com.au/

locate your stylesheet.css file and load into a text editor.

Somewhere around Line#47 you'll see:

p, td {
color: #5C492C;
font-family: Tahoma,Geneva,sans-serif;
font-size: 12px;
}

Edit the 'color' to suit your needs. Resave the file.

**IMPORTANT: This will almost certainly change the colour of the text in lots of other places too. **

If you wish to change the estimator text only you will need to

1. Update your template file by locating the following line(s)

2. Change this to read something like

3. Add the following to one of your .css files (custom.css?)
   .shippingText {
   color: #XXXXXX; (where 'XXXXXX' is your RGB colour code (#000000 = black, #FFFFFF = white, etc)
   }

Cheers
Rod

amyleew:

I'm sorry. It is http://www.stampinstuff.com.au/

PS. Your International shipping cost chart is over 6 months old. There have been at least 3 or 4 price increases since then.

Cheers
Rod

I would like to do the second option where I only change the colour for that one spot. Which file do I find <tr class=""> in? I'm not sure what template file means.

amyleew:

I would like to do the second option where I only change the colour for that one spot. Which file do I find <tr class=""> in? I'm not sure what template file means.

/template_default/templates/tpl_modules_shipping_estimator.php

Cheers
Rod

If you take a look at the page SOURCE CODE for the shipping estimator popup, you will see a few ID and CLASS elements. So in fact ANY of these can contain a style declaration.

<body id="popupShippingEstimator"> (HERE YOU COULD CREATE A WHITE BACKGROUND IMAGE)
<div class="shippingEstimatorWrapper biggerText">
<div id="shippingEstimatorContent">
<div class="cartTotalsDisplay important">
<br class="clearBoth" id="stBreak" />
<div class="buttonRow forward">
<td colspan="2" class="seDisplayedAddressLabel">
<span class="seDisplayedAddressInfo">
<th scope="col" id="seProductsHeading">
<th scope="col" id="seTotalHeading">Rates
<td class="cartTotalDisplay bold">
<td class="cartTotalDisplay">