Horizontal Product Display (also purchased, featured products, category images)

[B-G-H]

Can't seem to get my "Customers who bought this product also purchased..." box to display Items the way i want.

All Items are showing in a column instead of a row. I've tried all the obvious settings within Admin, but none seem to work.

Any help would be appreciated! I'd like it to display 3 (maybe 4) items per ROW.

Here is a LINK to show how it's currently displaying items.

Thanks in advance!

[DarkAngel]

Can't seem to get my "Customers who bought this product also purchased..." box to display Items the way i want.

All Items are showing in a column instead of a row. I've tried all the obvious settings within Admin, but none seem to work.

Any help would be appreciated! I'd like it to display 3 (maybe 4) items per ROW.

Here is a LINK to show how it's currently displaying items.

Thanks in advance!

In your templates style.css file---this is what I was told to do for the naughty box:

to make new products images be in a row:

Find and remove:
.centerBoxContentsNew

then place under that same section:
.centerBoxContentsNew
{
float:left;
}

[B-G-H]

Thanks for the reply.

If I search for what you have described, and also ".centerBoxContentsAlsoPurch" I come up with multiple references. Am I to remove all of them? If so, where do I then add the extra code?

Also FWIW. I'm using the EZBlue templete, on the latest release of Zencart.

Thanks again.

[DarkAngel]

Thanks for the reply.

If I search for what you have described, and also ".centerBoxContentsAlsoPurch" I come up with multiple references. Am I to remove all of them? If so, where do I then add the extra code?

Also FWIW. I'm using the EZBlue templete, on the latest release of Zencart.

Thanks again.

good question...had to look at mine:

this is the entire section that I removed that line from in my template :

.centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .categoryListBoxContents,
.attribImg {
float: left;
line-height: 1.6em;
}

then I added the portion right below it to look like this:

/*center subcategories*/
.centerBoxContents, .specialsListBoxContents,
.categoryListBoxContents,
.attribImg {
float: left;
line-height: 1.6em;
}

.centerBoxContentsAlsoPurch {
float:left;
}

-----------------------------------------

in your template it looks like this--remove the red from there then add the code I gave you directly below--so it looks like mine above:


#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
margin: 0em;
text-align: center;
padding-top: 0px;
}


of course someone will chime in if this is wrong but that is what I did in mine