VirtueMart Forum

VirtueMart 2 + 3 + 4 => Administration & Configuration => Topic started by: access_max on October 15, 2013, 19:46:04 PM

Title: Resize Product Detials Image
Post by: access_max on October 15, 2013, 19:46:04 PM
Hi,

I uploaded big sizes of my pix so buyers can see the details of the pix, but its to big and the buy button is on the image uploaded. I tried this suggestion

http://forum.virtuemart.net/index.php?topic=98647.0

and I added.

.main-image img {
          max-width:160px;
}

to my template .css file and no changes.

I'm using Joomla 2.5.14 with VirtueMart 2.0.22d.

Please assist, any suggestions are greatly appreciated.

Thanks in advance.
Title: Re: Resize Product Detials Image
Post by: jenkinhill on October 15, 2013, 20:46:37 PM
Are you using template overrides? url?
Title: Re: Resize Product Detials Image
Post by: access_max on October 16, 2013, 08:12:29 AM
I don't think I'm using any template overrides. I pm'd you my url.
Title: Re: Resize Product Detials Image
Post by: access_max on October 18, 2013, 10:00:11 AM
I dont mean to bump up this thread, but anything? Really annoying when the product details page image is half of the screen. Anything I can try?
Title: Re: Resize Product Detials Image
Post by: jenkinhill on October 18, 2013, 10:36:05 AM
As stated in my sig "Unsolicited PMs/emails will be ignored."  On this occassion I waded through the messages to locate your url.

The problem is with your Artisteer generated Joomla template ( the "developer" tried to hide this by replacing occurences of art- with tmd- ), it is nothing to do with VirtueMart. The generated Artisteer css does not include all the standard Joomla elements which often causes problems and often a developer puts in css "fixes" that break something. That's why we specifically mention these templates in http://forum.virtuemart.net/index.php?topic=108212.0

All that was needed was a check with Firebug - http://forum.virtuemart.net/index.php?topic=116620.0  For some reason the template css includes this:

.tmd-content img {
    margin-bottom: 10px;
    max-width: 661px !important;
}

So either get rid of the max-width, remove the !important or recode the template.
Title: Re: Resize Product Detials Image
Post by: access_max on October 18, 2013, 22:55:42 PM
You are the MAN. thanks, I removed "  max-width: 661px !important; " and walla, it worked.

Really appreciate the help.