Forums / Templates, Stylesheets, Page Layout / Change the Colors in The Shipping Estimator Window

Change the Colors in The Shipping Estimator Window

Locked

Views: 2,426

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
16 Apr 2008, 4:56 AM
#1
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Change the Colors in The Shipping Estimator Window

Iam trying to change the color of the font in the Shipping Estimator. I have a Black background and the font is Black so Customers can't read anything in that window.
Please help?

16 Apr 2008, 5:43 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

Glamorousshoe:

Iam trying to change the color of the font in the Shipping Estimator. I have a Black background and the font is Black so Customers can't read anything in that window.
Please help?

includes/ templates/ your_own_template/ css/ stylesheet.css

Find the following declaration in the .css, if not just add to the bottom..

  1. #popupShippingEstimator
  1. Will look like this when you edit
  1. #popupShippingEstimator {font-color: #FFFFFF;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 Apr 2008, 3:12 PM
#3
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

It didn't work.
This is what I changed > #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {

font-color: #000080;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
font-color: #000080;
}
But still the content is in black.

16 Apr 2008, 6:53 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

Glamorousshoe:

It didn't work.
This is what I changed
But still the content is in black.

includes/ templates/ your_own_template/ css/ stylesheet.css

Sorry I had a small bu boo..:smile:

  1. #popupShippingEstimator {color: red;}
  1. change the red font above as needed
  1. you half to edit the sheet and upload the file to view the changes,
  1. remember to clear your cashe

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 Apr 2008, 10:29 PM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

Glamorousshoe:

I want the font to be red. I was Black in the original Sheet and I changed it to red.

Upload it nothing changed.

How can you clear the cashe?
check out the site www.coolcarpartsonline.com.

G,
After i viewed the link above.
This is what I see on the stylesheet.css

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
font-color: #000080;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
font-color: #000080;
}

Bad little boy....
You did not read my fix from before...
Delete the red font above for the fix...
000080 change this to FF0000

Look at thread #4.
Sorry I had a small bu boo..:smile:1. >

  1. #popupShippingEstimator {color: red;}
  1. change the red font above as needed
  1. you half to edit the sheet and upload the file to view the changes,
  1. remember to clear your cashe

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

17 Apr 2008, 5:01 AM
#7
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

Sorry for being a pain in the ########.
The red color is there for a reason. I want to content to be Red, It was Black originally and I changed it to red but It still display black.
I just had it changed to the color you included and It still display Black.

Any other sugestions on how to do it.

17 Apr 2008, 5:20 AM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Change the Colors in The Shipping Estimator Window

Ok,
Here is what your stylesheet reads

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
font-color: #ff0000;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
font-color: #ff0000;
}

Highlight all of these declaration and paste with this..

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
color: #ff0000;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody, #shippingEstimatorContent {
clear: both;
color: #ff0000;
}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.