Remove table outline from shipping estimator

Hi,

I am working on https://www.dragons.digi-blue.co.uk, using version 1.3.9 h.

I have my shipping estimator at the bottom of my Shopping Cart page. I am trying to style this so it falls in line with the design for the rest of the site. I am using the developer tools on Firefox, but seem to have a stupid moment here. On my shipping estimator, there is table lines between the "Shipping quotes are based...", Available Shipping Methods, Rates, Per Item (Best Way) and Zone Rates (Shipping to US)

I would either like remove the table lines, so all the shipping info is displayed looking like separate lines. Doe someone know how to do this?

I don't see a shipping estimator (neither button, nor table) on your shopping cart page.

Hi schoolboy,

Thank you for the reply. I have managed to convince the customer to remove this, as we already have the Shipping Policy and the shipping charges is displayed in step 1 of 3 during checkout. They agreed, so apologies for not updating this thread.

Even so, what you originally ask is possible - either with CSS decclarations, or a small edit in the template file that controls the shipping estimator area.

In:

includes/templates/template_default/templates/tpl_modules_shipping_estimator.php

... around lines 85, 86, 87, FIND:-

<table width="100%" border="1" cellpadding="2" cellspacing ="2">

You should remove all the embedded styles and perhaps give it an ID of its own, so you can style it in a CSS file.

<table id="shippingEstimatorTable">

This will allow you to set styles in the stylesheet.css file of your template.

REMEMBER... if you EDIT tpl_modules_shipping_estimator.php, then you will SAVE the edited file in:-
includes/templates/YOUR_TEMPLATE/templates/tpl_modules_shipping_estimator.php

Hi schoolboy,

Thank you! This is great advice, and I am sure it will be needed in the future, as after this project I am now sure I will do a lot more customisation with Zen Cart in the future.