make horizontal list of products

  • Hello

    How can I restyle the shopp template css in order to make the list of products horizontal? display: inline; is not working.
    Also I don’t understand why products are being classed sometimes li class=product, and other times li class= product first?

    I’ve placed the templates folder in my child-theme, and I tried to work with this items:

    /** Product List View **/
    #shopp.list ul.products li { min-width: 100%; padding-bottom: 10px; }
    #shopp.list ul.products li .product { width: 1180px; display: inline; }
    #shopp.list ul.products li div.frame { min-width: 100%; text-align: left; }
    #shopp.list ul.products li img { float: left; z-index:3; }
    #shopp.list ul.products li .details { float: right; z-index:3; width: 520px; text-align:justify; padding-right: 50px;}
    #shopp.list ul.products li .listview { display: inline; }

    Also, any suggestion is welcomed on how to make the horizontal list adjust its width automatically as new products are added.

    all help is welcomed!
    thanks!

    https://www.ads-software.com/plugins/shopp/

  • The topic ‘make horizontal list of products’ is closed to new replies.

Tags