'New Products For November' showing up vertically

I am having an issue with my website. Under 'New Products For November', the products are showing up vertically rather than horizontally. The only changes I have made are in the stylesheet since this started happening, but I have since tested with my old stylesheet and get the same results. It's driving me crazy! Any suggestions would be greatly appreciated. The website is www.desertskyink.net. Thanks!!

Please refer to the topic below for more info.

Featured Products - border round product

It both related to the columnar display for use in:

1. New Products For "MONTH"
2. Featured Products
3. Monthly Specials For "MONTH"
4. And for the contribution /mod of Column Layout Grid for Product Listing

.

This worked fine with my old stylesheet at one time. But now when I make my old stylesheet live it does the same thing, displays the products vertically rather than horizontally. Do you think this is related to the stylesheet?

I tried you suggestions and it did not seem to work. The products still show up vertically. Any other ideas?

From the page source, the width is only with 16% for each cell in the row.

It seems not normal., check your setting or code.

I tried your below contribution, but when I select columnar now in the Configuration tool, it screws up the listing for ALL of the products. I am also not sure what you mean by "It seems not normal., check your setting or code." I'm not exactly sure what I am supposed to check or change. Do I need to change this in the stylesheet? If so, what do I need to change?

It both related to the columnar display for use in:

1. New Products For "MONTH"
2. Featured Products
3. Monthly Specials For "MONTH"
4. And for the contribution /mod of Column Layout Grid for Product Listing

You need to add

float: left

to your .back area of the stylesheet so it's like this:

.back {
	float: left;
	padding-top: .5em;
	font-size: 1.3em;
	}

However, this **might **mess up other things that are in the .back class and don't need the float: left. My personal solution to it was to create another class (call it .backproduct) and put the float in with it:

.backproduct {
	float: left;
	padding-top: .5em;
	font-size: 1.3em;
	}

Then you can simply change the class name of any images that line up vertically. So to change the class of the images on your index page, you'd need to change the following:

class="centerBoxContentsNew centeredContent back"

to this

class="centerBoxContentsNew centeredContent backproduct"

You may need to repeat this for the other two images that are lining up vertically as well.

Thank You, It looks like that worked, but you're correct, other things were affected when I put in the following:

.back {
float: left;
}

The 'Home' 'Log In' etc at the top of the page were affected. Do I actually have to go into the code to make changes to the 'New Products' portion?

Well, if you don't make those changes the float: left might cause other problems, as you already can see. Additional problems may reveal themselves down the road as well.

It's really not hard to change the class name and associate it with those misbehaving images. You are really only adding one word to the file (as in my example, changing it from .back to .backproduct). Offhand, though, I don't know which file it's in.

I am having a similar problem

In my new products main display, products are listing vertically but only in some categories. Wierd!
Here is an example: In my jewellery section new product are listing vertically. I do not want vertical listing in any categories.

Anyone know why or how to fix it?

ps: this only happens in ie, it's fine in forefox

www.queenib.com

Does anyone have any idea why my New Products module is displaying in this absurd manner?
I cannot find any any problem with the style sheet.
Please help :dontgetit

https://www.queenib.com

bump bump