View Single Post
  #3  
Old December 15th, 2011, 12:27 PM
CallumBeau CallumBeau is offline
 
Join Date: Dec 2011
Posts: 7
Default

I've worked out a way to do it ....... use "add a new view" and then duplicate existing CSS but change #wdgt_pl to #widget_product_2 as below. Is this the easiest way?

#widget_product_2 .pl {padding: 0; margin: 0 0 5px 0; border: 0; width: 100%;}
#widget_product_2 .pl .bdr {border: 1px #B3B3B3 solid; margin: 0 0 10px 0; padding: 2px;}
#widget_product_2 .pl .bdr .thmb {border: 0; overflow: hidden; text-align: center; margin: 5px auto; padding: 0;}
#widget_product_2 .pl .bdr .thmb img {border: 0; padding: 0; margin: 0; background-color: transparent;}
#widget_product_2 .pl .bdr .prc {text-align: center; margin: 5px 0;}
#widget_product_2 .pl .bdr h2 {margin: 0; padding: 0; text-align: center; line-height: 1.3em;}
#widget_product_2 .pl .bdr h2 a {margin: 0; display: block;}
#widget_product_2 .pl .bdr .desc {line-height: 1.5em; margin: 0 5px; padding: 0;}
#widget_product_2 .pl .bdr .btns {margin: 0 0 5px 0; padding: 5px 0; text-align: center;}
#widget_product_2 .pl .bdr .btns a img {border: 0; margin: 2px 0 0 0; padding: 0; background-color: transparent;}
#widget_product_2 .pl .bdr .thmb {width: 150px;}
#widget_product_2 .pl .bdr .thmb img {max-width: 150px; width: expression(this.height < this.width && this.width > 150 ? '150px' : true);}