Column Layout Grid

[mahdiusman]

Thanks for your help, however it did not work.. The template that i am using is from Template Monster.. I am not sure if that has to do anything with this not working..

[gjh42]

When I tested it in Firefox at the bottom of your stylesheet.css it worked. What browser/version are you using? IE7 and earlier are severely lacking in CSS support and will not understand the given selectors. All modern browsers will interpret them correctly.

[mahdiusman]

I am using FF latest version... the css code is still there you can actually see it.. i checked it on FF, Safari, and Chrome but in all browsers the images of my items are not aligned accurately.. you can actually see the problem more on this page

shoppingberg .com/index.php?main_page=index&cPath=87

If you see my specials page it is very organized and thats what i am trying to achieve with all of my pages.. is it possible to copy that layout to my other pages?

shoppingberg .com/?main_page=specials

[gjh42]

The product listing page uses different classnames for its elements, so the CSS rules which work now for some of your list boxes will not apply to that page. As a matter of fact, the code for the product listing doesn't have some of the class "handles" that you would need to control it in the same way. You would need to customize the listing code, the way Flexible Product Listing does. You can find that attached to post 50 of its thread.

[mahdiusman]

thanks! i wil check out it and hopefully find a solution to my problem...

[giftmeister]

Did anyone figure this out? I already had my images set to a unified size, the issue is with the product name. Some are longer than others- some take up two lines in the grid, some three and some four- and the rest of the elements displayed- image, price, etc.- follow immediately after.

What I'd like is for the elements under the name to display after a set amount of space (as if all names are four lines).

See how the Featured images on my homepage are out of alignment- avenue-r.com. And the same goes for Product Listing (click a category) and search results.

I'm using 1.39g and the All Business template 1.0.

R

[gjh42]

Note that the first part of this is not relevant to Column Layout Grid, since that only affects the product listing page. However, you can make the product name a fixed height to help with alignment. Find in your stylesheet


/*bof center boxes*/
.product_title {font-size:110%;font-weight:bold;}

and change to

.product_title {font-size:110%;font-weight:bold; height: 5.8em;}
.box_image {height: 150px;}

adjusting as required.