Second post in one day… :oops:
I’ve got an ordered list in my checkout process so the customer knows where they are in the checkout process… (e.g. shipping information, billing information, order confirmation, etc)
This is my markup
Code:
- Shipping Information
- Billing Information
- Order Confirmation
Here is my CSS
Code:
/************
* Checkout*
************/
ol.checkout_steps {
font: normal normal 200 16px Georgia;
list-style: decimal;
margin: 0 20px 20px;
}
ol.checkout_steps li {
color:#999;
float: left;
margin: 0 28px 0 0;
}
ol.checkout_steps li.active { color: #222; }
No matter what I try, I can’t get the numbers to show (unless I take away the float, but then they’re not inline).