Product Position - grid layout

[miles]

How to align the products like the featured products column? Looks better than the Column Layout Grid mod.

Image
Item name
Price

[gjh42]

You can set the sort order for product listing pages in Configuration > Product Listing. For column format, they will appear vertically in the order you select.

[gee38l]

I just install the Column Layout Grid mod and read all the previous post but I'm still lost on getting the title, price, ..more info& image on the same line.

I have a product title which is longer than the other, and so it is lower position because of that. I want to edit the css to make them align just the same but could not figure out. I want it to look something like this site here. But on the category and not on the new product page.

Can someone help me how to do this?

Hi Miles,

Sorry for the late reply you should download web developer for mozilla if you havnt already....!

Anyway to fix the alignment on the produtcs category listing add this to the bottom of stylsheet.css

.itemTitle {
height:50px;
display:block;
}

And adjust the height to what you prefer.

gee38l

[miles]

.itemTitle {
height:50px;
display:block;
}

Thanks gee38! Just as simple as that. But hard to figure it out. Now trying to closer the gap between item title and price.

[gee38l]

Thanks gee38! Just as simple as that. But hard to figure it out. Now trying to closer the gap between item title and price.

Try 40px but you need to make sure that no item title is more than 3 lines otherwise that might make it look funny.....

[miles]

Do you know how to set id for the product price? I want it to look a little bit bigger. Can't find the code in stylesheet.

[gee38l]

Do you know how to set id for the product price? I want it to look a little bit bigger. Can't find the code in stylesheet.

I know how to change the text size of the word price....

Search your style sheet for:

.PriceText

Add something like font-size: 12px etc....

As for the actual price im not sure maybe someone else can help