26 Mar 2009, 2:23 PM
Totally Zenned
- Join Date:
- Jan 2008
- Posts:
- 1,564
- Plugin Contributions:
- 1
Help needed with CSS on Shopping Cart
Hi I'm hoping someone can spare a moment to help with some css for a mod I'm working on. In tpl_shopping_cart_default.php, there is the following div id:
<div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?></div>Currently the mod is using that same div id for two additional rows that I have added, something like this:
<div id="cartSubTotal">Line Two</div> <div id="cartSubTotal">Line Three</div>It displays fine but what I want to do is give the additional rows their own div ids, like this:
<div id="cartShippingTotal">Line Two</div> <div id="cartTotal">Line Three</div>That way each row can be styled differently if needed.
I would like to add a new css file to manage these new div ids. In the stylesheet, this is all the code I can find relating to "cartSubTotal":
/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
}
.tableHeading TH {
border-bottom: 1px solid #9a9a9a;
}
.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}
#cartSubTotal {
border-top: 1px solid #cccccc;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}
.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}
I'm not sure exactly what code I have to copy over to the new css file and how to change it so it manages the two new div ids independently of each other.
Thanks.
