Product listing layout changes

[joey779]

I need to place the item title above the image on the products listing.

I have attached the file which shows too much white space between image and title.

I have tried removing padding through .css files but it hasn't worked.

Can anyone point me in the right direction please?

[stevesh]

Not much we can do without seeing the site.

[joey779]

I've attached a screenshot showing product listings.

Should be able to view it but if not let me know.

[dgent]

Can you take your site out of maintenance then we can see.

[joey779]

OK, the site is online now.

www. arrow storm .co .uk

[dgent]

Have a look at your H3 padding in your CSS file, and h3.itemTitle would look better centered. As for moving it to the top youd have to move some code around in your product listing template file.

[joey779]

That helps.

But if I change H3 padding the whole page is affected. I don't know how to isolate H3 as it refers to the Item Tile only.

Also where would I add a border for each item?

[joey779]

If I attach the my template product listing code would anyone be prepared to point out which code needs moving so that the item title appears above the image.

(I can't see where it is happening)

[dgent]

That helps.

But if I change H3 padding the whole page is affected. I don't know how to isolate H3 as it refers to the Item Tile only.

Also where would I add a border for each item?

Add padding: 0px to h3.itemtitle

[joey779]

Tried that but it must be the padding on the item (add to cart) above that is padded. because it didn't remove the white space.

Placing the title above the image is a good soultion but the code is not clear, seems to build and array of all the items before displaying and no comments.