News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Resize Product Detials Image

Started by access_max, October 15, 2013, 19:46:04 PM

Previous topic - Next topic

access_max

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.

jenkinhill

Are you using template overrides? url?
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

access_max

I don't think I'm using any template overrides. I pm'd you my url.

access_max

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?

jenkinhill

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

access_max

You are the MAN. thanks, I removed "  max-width: 661px !important; " and walla, it worked.

Really appreciate the help.