Book Image

Learning Magento Theme Development

By : Richard Carter
Book Image

Learning Magento Theme Development

By: Richard Carter

Overview of this book

Table of Contents (15 chapters)
Learning Magento Theme Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Customizing your store's checkout and cart


You can pay some attention to the styling of your store's checkout and cart templates to better match the feel of your new Magento theme.

Styling the cart page

To view the cart page as it currently appears, add a product from your store to the cart and use the My Cart button in the header of your website:

Open your theme's styles.css file in the /skin/frontend/default/m18/css/ directory and add the following CSS to the bottom of the file to style the cart table, which contains the products your customer is about to buy:

fieldset {
border: 0;
}
.a-right {
text-align: right;
}
.checkout-types, .form-list {
list-style: none;
margin: 10px 0;
}
.totals {
float: right;
}
.totals table {
width: 100%;
}
.checkout-types, .totals {
text-align: right;
}
.checkout-types li, .form-list li {
display: inline;
margin-right: 5px;
}
.form-list li.control {
display: block;
}
.data-table {
width: 100%;
}
.data-table a {
color: #000;
}
.data-table th, .data-table .even...