Column Layout Grid problems

**Richard.Tung** · 20 Jul 2009, 09:50 PM

I've added the Column Layout Grid module in my product listings in my site but I having a problem setting it up... Its fine if you wanted a 1 row, 3 column display but when you change the Colums Per Row to 2 it will show a 2 x 2 display... Idealy I would like a 3x3 display and I can't figure it out. I've looked at the product_listing.php but and changed the settings in the admin but still can not get another row to appear with columns.

Here's the link so you can see:
http://pp.doesntexist.com/rubber-rol...age=2&sort=20a

Any help would be greatly appreciated...

Also, how to get ride of the extra lines in between?

**gjh42** · 21 Jul 2009, 07:29 AM

What is your setting for Admin > Configuration > Maximum Values > Products Listing- Number Per Page?

If you mean the dotted lines between products, those are from the Column Divider mod you have installed (at least someone installed it, if not you).

**gjh42** · 21 Jul 2009, 07:37 AM

A quick way to make the dotted lines go away is to change this in stylesheet_dotline.css

Code:

.vDotLine
{
    background-color: transparent;
    background-image:url(../images/delim_v.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 20px;
    font-size: 1px;
}

to this

Code:

.vDotLine
{
    background-color: transparent;
    background-image: none /*url(../images/delim_v.gif)*/;
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 20px;
    font-size: 1px;
}

If you really, truly don't want that kind of dividers, you can uninstall the mod, most likely just by finding the files that belong to it and deleting them.

**Richard.Tung** · 21 Jul 2009, 02:18 PM

Thanks for the help

I've change the settings in the ...dotline.css to none for the horizontal and vertical dots and also my settings in Products Listing- Number Per Page was at 4 so I set it to 9 and it worked like a charm...
Now I have to figure out how to center the product name link under the image... any ideas???

Thanks again for your help!!

**Richard.Tung** · 21 Jul 2009, 02:56 PM

I also need now to figure out the spacing between the horizontal dotted bar and the image underneath it... any ideas???
Thanks

Originally Posted by gjh42

A quick way to make the dotted lines go away is to change this in stylesheet_dotline.css

Code:

.vDotLine
{
    background-color: transparent;
    background-image:url(../images/delim_v.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 20px;
    font-size: 1px;
}

to this

Code:

.vDotLine
{
    background-color: transparent;
    background-image: none /*url(../images/delim_v.gif)*/;
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 20px;
    font-size: 1px;
}

If you really, truly don't want that kind of dividers, you can uninstall the mod, most likely just by finding the files that belong to it and deleting them.