Centre images

[micke_axen]

I worked on trying to find a solution a long time now but no luck. Can someone here please help me. I want to centre align the product images. Now they are left aligned. See link to take a closer look.

http://www.exitdata.se/category.php?id_category=67

Thanx

[Jupiterr]

You would need to create a special class for the images - img class="product-image" with a specific margin (left, right) - and then change the product-list.tpl to include the -class="product-image"- when the code gets the image.

By the way, I tested with a margin: 15px on the images, but obviously its a little messy.

[micke_axen]

Ok, how exactly do i include the class in the tpl file correctly?

Thanx

[Jupiterr]

Find this line on product-list.tpl. You should change the css of the class "product_img_link".

getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" />

Then, adjust the margin-padding propierties. I recommend you to use Firebug (Firefox Extension).

[Jupiterr]

Ups, your theme is quite different. I'd need your product-list to have a look. They are 2 combination of classes in your theme:

1. ajax_block_product first_item first_item_of_line
2. ajax_block_product item

You need to change both (if you only change the first item, the others keep uncentered)