need to get centered

[lqqkey]

i need to get the img to center under listing
can some one help


http://barkingstud.com/index.php?mai...roducts_id=253

[stevesh]

The problem is here:

#productMainImage {margin: 1em 0em 0em 7em !important;}

[lat9]

If I understand your request, you want the image to be centered under the "Listing" link in the center of the main content. To do this I changed (using the FireBug add-on to FireFox) this

#p-left { float: left; }
#productMainImage {margin: 1em 0em 0em 7em !important;}

to this

#p-left { float: none; }
#productMainImage { width: 100%; }

[dturnertms]

If you go into this page in the browser, right click and hit view source, down at line 407 you will see:

<img src="images/medium/nfl/PlaidNylon_MED.jpg" alt="Plaid Nylon Collars" title=" Plaid Nylon Collars " width="250" height="167" /><br /><span class="imgLink">larger image</span></a>');

This is the code that is controlling the image and this code is within a modifyable page within the zen cart files and it would be possible to alter this code to dynamically move the images - if you know programming.

Alternatively you might be able to do this through your Zen administration pages without having to resort to programming:

Login to admin
Then choose Catalog from the menu,
Then choose Colors and Leather and then against leather, hit the 'e' over to the right for Edit
Then next to "Category Images" you can browse, for your image - in this case PlaidNylon_MED.jpg

To get this image to appear over to the right you need to replace with PlaidNylon_MED.jpg with an image that has a wider left border of white space. Currently the image is 250 x 167 so you need to replace this with an image of 400 x 167 but make the left border just an additonal 150 pixels of white space to the left of the actual image. Then, whatever you name this image is the image you want to put back against "Category Images".

You will also need to alter the settings under "Configuration","Images", "product info" from the 250 x 167 setting to 400 x 167

Unfortunately though you'll have to do this for every product because all your other images on the other pages are over to the left too! If you could get into the code page though and knew programming you would be able to add a left-margin setting to automatically reset all images.

[gjh42]

You don't need any editing of the sort described above; lat9's stylesheet revisions will do the job right, all by themselves.

This styling is specific to your custom template, as the #p-left div does not exist in stock Zen Cart.

[lqqkey]

stylesheet revisions did it yay thank you for your help