News:

Support the VirtueMart project and become a member

Main Menu

Featured products image size

Started by paulhazell, October 12, 2012, 15:14:30 PM

Previous topic - Next topic

paulhazell

How can i change the size of the featured product images without affecting any other image sizes?

Jumbo!

Open components/com_virtuemart/assets/css/vmsite-ltr.css
Find the following codes in line 162:
.main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img{max-width:100%;height:auto;width:auto;}
Add the following codes after that:
.featured-view .product .spacer img {max-width: 90px;max-height:90px;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
That's it. Clear the cache of your browser and reload the page to see the result.

You can change the max-width and max-height value on the above codes as per your need.

S. Gutierrez

Hi there, I'm new to Virtuemart and this forum and I'm also trying to make the images in the feature product the same size. Jumbo I appreciate your help, but the additional code seems not to be working. I work with joomla 2.5 and virtuemart 2.0 (both are on a local server for education purpose)