Version:	Commercial, Free
	Targetted Version:	All versions

By default Seber Cart colours in each row of the cart screen.  These rows also have a hover colour change.  The default is white and grey which may not suit your web site design.  This tutorial will show you how you can change the cart display and is also a good starting point on making other changes to your Seber Cart design.

The default Seber Cart stylesheet is stored in /administrator/components/com_sebercart/css/sebercart.css.  You can change this file although we recommend you create your own stylesheet to override this. 

Note: From version C1.0.0.20 or above you can actually create a seperate stylesheet file that will not be overwritten by upgrading.  See this tutorial for more information:
http://www.sebercart.com/index.php?option=com_content&view=article&id=137:optional-css-file&catid=23:developer-tutorials&Itemid=39

Do the following to change the background colours of your cart rows:

• Edit/Create your style sheet file in your favourite editor
• Add the following code:
  .cartAR0
{
 font-size: 11px;
 background-color: white; 
}
.cartAR1
{
 background-color: gray;
 font-size: 11px;
}
.cartAR0:hover
{
 background-color: silver;
}
.cartAR1:hover
{
 background-color: silver;
}
• cartAR0 and cartAR1 are the alternating rows for the shopping cart display.  Set the background colour that will suit your design
• cartAR0:hover and cartAR1:hover are the alternating rows for the shopping cart display when the mouse is hovered over the row.  Set the background colour that will suit your design