Forums

Best Practices for Styling eCommerce Pages?

Permalink
Hi - I've installed the eCommerce add-on twice now and it's great except that I always have to over-ride the css to get it to display properly inside my theme. For example the checkout pages didn't have a white background, so you can't read anything. (See attached. This has happened to me twice.

So, I add the code below to the end of my theme's style sheet, and I'm just wondering if this is the best practice? Is this just a hack job on my part? Should I be doing this differently?

Thanks, Karen 

/*CORE COMMERCE STYLE OVERRIDES*/
#ccm-core-commerce-checkout-cart, #ccm-core-commerce-checkout-form-billing {
    background-color: #FFFFFF;
    margin: 10px auto;
    width: 95%;
}
#ccm-core-commerce-checkout-form-billing h1, #ccm-core-commerce-checkout-form-payment-method h1 {
   color: #666;
   padding-left: 15px;}
.ccm-core-commerce-cart-buttons {
   }
.ccm-core-commerce-checkout-form-payment-method-option {
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 20px;
   }
Viewing 15 lines of 48 lines. View entire code block.

1 Attachment

grovesk
 
billabong replied on at Permalink Reply
billabong
Not sure, if this is the best way, but it is for sure a good way! That´s why I just used it to solve my background problem! Thanks!
grovesk replied on at Permalink Reply
grovesk
Glad it helped you out too! :)
jincmd replied on at Permalink Reply
jincmd
Could you explain to me how I can resize the "zip" attribute feild in my checkout process

Do I need to create a new attribute type on text attributes?