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.
Results 1 to 8 of 8
-
18 Jan 2013, 11:26 AM #1
Zen Follower
- Join Date
- Jul 2009
- Posts
- 158
- Plugin Contributions
- 0
How to change the text colour on Estimate Shipping popup box
-
18 Jan 2013, 11:33 AM #2
Totally Zenned
- Join Date
- Dec 2010
- Location
- UK
- Posts
- 1,771
- Plugin Contributions
- 3
Re: How to change the text colour on Estimate Shipping popup box
The first person to reply to this is going to ask for a link to your site...
Originally Posted by amyleew
Could you post a link to your site?
-
18 Jan 2013, 12:00 PM #3
Zen Follower
- Join Date
- Jul 2009
- Posts
- 158
- Plugin Contributions
- 0
Re: How to change the text colour on Estimate Shipping popup box
I'm sorry. It is http://www.stampinstuff.com.au/
-
18 Jan 2013, 12:35 PM #4
Deceased
- Join Date
- Jan 2007
- Location
- Australia
- Posts
- 6,167
- Plugin Contributions
- 7
Re: How to change the text colour on Estimate Shipping popup box
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)
<tr class="">
2. Change this to read something like
<tr class="shippingText">
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
-
18 Jan 2013, 01:52 PM #5
Deceased
- Join Date
- Jan 2007
- Location
- Australia
- Posts
- 6,167
- Plugin Contributions
- 7
Re: How to change the text colour on Estimate Shipping popup box
PS. Your International shipping cost chart is over 6 months old. There have been at least 3 or 4 price increases since then. Originally Posted by amyleew
Cheers
Rod
-
23 Jan 2013, 12:19 AM #6
Zen Follower
- Join Date
- Jul 2009
- Posts
- 158
- Plugin Contributions
- 0
Re: How to change the text colour on Estimate Shipping popup box
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.
-
23 Jan 2013, 03:23 PM #7
Deceased
- Join Date
- Jan 2007
- Location
- Australia
- Posts
- 6,167
- Plugin Contributions
- 7
Re: How to change the text colour on Estimate Shipping popup box
/template_default/templates/tpl_modules_shipping_estimator.php Originally Posted by amyleew
Cheers
Rod
-
23 Jan 2013, 08:02 PM #8
Totally Zenned
- Join Date
- Jun 2005
- Location
- Cumbria, UK
- Posts
- 10,269
- Plugin Contributions
- 3
Re: How to change the text colour on Estimate Shipping popup box
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.
HTML Code:<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">
20 years a Zencart User
Reply With Quote
Similar Threads
-
v152 How to change the Estimate Shipping Costs
By ruks12 in forum Built-in Shipping and Payment ModulesReplies: 2Last Post: 12 May 2014, 03:34 PM -
v151 How do I change the font colour for the text on contact us page ect
By arthena in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 24 Nov 2013, 06:02 PM -
Wording change-popup Estimate Shipping
By JackA in forum Built-in Shipping and Payment ModulesReplies: 6Last Post: 23 Feb 2009, 09:58 PM -
How do I change the colour of the Box?
By andyferriby in forum Templates, Stylesheets, Page LayoutReplies: 2Last Post: 9 Sep 2008, 02:20 PM
