Modifying cart system styles

Revision as of 13:09, 5 September 2006

Cart system styles are the colors, etc. usually defined in Shoppping Cart > Display Settings. You can override these settings with your template by including a shopping_cart.css file in your template's folder.

Default styles: These will be pulled if no shopping_cart.css file is found in your template folder to override them.

#shopping_module table {
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   color: #<? echo $getCss['table_textcolor']; ?>;
}

table.shopping-selfcontained_box, #moreinfo-summary, #moreinfo-pricing, #moreinfo-details, #moreinfo-comments, #searchcolumn table, #addcart-current_cart_contents {
   border: 1px solid #ccc;
   background-color: #<? echo $getCss['table_bgcolor']; ?>;
}

#shopping_module th {
   background-color: #<? echo $OPTIONS['DISPLAY_HEADERBG']; ?>;
   color: #<? echo $OPTIONS['DISPLAY_HEADERTXT']; ?>;
   text-align: left;
}

/*--------------------------------------------------------
 pgm-more_information.php
--------------------------------------------------------*/
table#moreinfo-pricing {
   margin-top: 15px;
}
#moreinfo-pricing th {
   text-align: center;
}

table#moreinfo-comments {
   margin-top: 15px;
}


/*--------------------------------------------------------
 prod_search_column.inc
--------------------------------------------------------*/
#searchcolumn-login_or_date td {
   padding: 5px;
   vertical-align: top;
}

#searchcolumn-login_or_date {
   border-bottom: 0px;
   background-color: transparent;
}

#searchcolumn-items_in_cart {
   color: #<? echo $OPTIONS['DISPLAY_CARTTXT']; ?>;
   background-color: #<? echo $OPTIONS['DISPLAY_CARTBG']; ?>;
}


/*--------------------------------------------------------
 pgm-checkout.php
--------------------------------------------------------*/
#checkout-steps th {
   text-align: center;
}