AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: Jentom on January 05, 2014, 05:47:26 PM

Title: Help! How to make this overflow product picture go to next line
Post by: Jentom on January 05, 2014, 05:47:26 PM

Hello, I use default_html5 template. I use firebug and have worked on this issue for many days, just can't fix the problem. I try to set the products lists width 850px, Just can't get it done.  The page link is:

www laapple com/index.php?rt=product/category&path=43

Or go to  www  laapple  com, click categories "Silver" page to see the problem.

The list below are what I have been tried on stylesheet, all don't work.

/*
 .container-fluid  ul {
width: 850px;
}
.container-fluid  ul .thumbnails {
width: 850px;
}
 .container-fluid  ul .thumbnails .grid .row{
width: 850px;
}
.container-fluid  .ct_padding_left  ul .thumbnails .grid .row{
width: 850px;
}

.container-fluid  .ct_padding_left  ul{
width: 850px;
}
.container-fluid ul.thumbnails .grid .row {
width: 850px;
}
.container-fluid ul {
width:850px;
}
.thumbnails .grid .row {
width: 850px;
}
.span9 .container-fluid .thumbnails ul{
width: 850px;
}
ul .thumbnails .grid .row{
width:850px;
}

*/


I appreciate any reply and help. Thank you!

 

Title: Re: Help! How to make this overflow product picture go to next line
Post by: abantecart on January 05, 2014, 10:47:30 PM

Change

Code: [Select]

<ul class="thumbnails grid row">

To:

Code: [Select]

<ul class="thumbnails grid">


This fixes your problem.

Title: Re: Help! How to make this overflow product picture go to next line
Post by: Jentom on January 06, 2014, 12:18:58 AM

It works! thank you very much!