CSS for shipping estimator

[bigbadboy]

That link doesn't work BUT if you're using WD addon for FF then when you select the relevant area, the URL of the style sheet file will be listed at the top of the web developer panel.

[CandleMan]

Thanks for your replies, the link does work, the screen is pink as the text, boxes and background all seem to be the same colour??

I'm tryingt to separate them out but cannot find where or how.

[rstevenson]

It's difficult for us to know what to suggest you do to make a Template Monster template work, in some cases. Search the Zen Pub forum for "Template Monster" to see what I mean.

In this case, I would suggest using the Web Developer tools to find one particular element on that page, and start searching your several stylesheets to see where that element is styled. Try something simple like getting a border to display around that element so you know you're in the right spot, then start to style it the way you really want it.

And if you find multiple competing definitions in separate stylesheets, consider consolidating them to simplify your life a little.

HTH

Rob

[CandleMan]

I gave up on this a while back but I really need to get it sorted now as I'm sure I am losing customers because of this.

When I view the CSS using the firefox web developer it takes me to the stylesheet.css file

In here I cannot even find anything that resembles Popup shipping estimator.

I have found within all the css files some items are missing.
Is this the case here?

[rstevenson]

In a stock Zen Cart stylesheet, the shipping estimator styles are in the main stylesheet, which is stylesheet.css. Search for the word "shipping" and see what you can find.

I can't help you more without using the Web Developer Tools, and I can't use them because the javascript that pops up that window draws the window without the status bar and other window elements used by the Tools.

You may have to ask Template Monster for help.

Rob

[CandleMan]

It looks like there is nothing in any of the css files at all.
I have decided to display shipping instead of popup and have added this into the main css stylesheet.

#shippingEstimatorContent {background:#ffcae4;}
#shippingEstimatorContent th {border:1px solid #ff68b2; ; padding:5px;

color:#FF68b2;background:#ffeaf4;}
#shippingEstimatorContent td {border:1px solid #ffeaf4; border:1px solid #ff68b2;

padding:5px; text-align:center;background:#ffeaf4;}
#shippingEstimatorContent td .cartAttribsList {text-align:left;}
#shippingEstimatorContent td {color:#ff68b2; text-decoration:none; font-size:13px;

line-height:normal; font-weight:bold;}