Joomla Templates Club 406,261 posts

[5elements Friend 5elementsJoin date: June 2009Posts: 5Downloads:0Uploads:0 Thanks: 2]

#142188

Is there a way to modify the alignment of the images in the vm product slide module? We have many different products whose images vary in their orientation.

Making the images more uniform in dimension is not an option because of the nature of the product. If we tried to do that, it throws off the way the pages display and align in VM.

Please see site: http://www.tdsdevelopment.net/mmi

If I could align the product photos to the bottom of the scoller window and then modify the height for the module to the largest dimension side, then no matter the photo’s orientation, the product photo thumbnail presentation would be a lot more attractive when shown in a horizontal row.

I’ve checked the css files for the module and vm but didn’t have much luck finding the right item(s) to modify.

Any help or guidance is greatly appreciated.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#308873

template.css (line 1120)


#ja-productwrap {
background:transparent url(../images/content-center.gif) repeat-y scroll center top;
display:block;
height:295px;
margin:0 0 10px;
padding:0;
width:100%;
}

to try with this code

1 user says Thank You to nguyenhuu quang for this useful post

1. 5elements

[5elements Friend 5elementsJoin date: June 2009Posts: 5Downloads:0Uploads:0 Thanks: 2]

#308900

I tried as you suggested but this didn’t move the photo alignment – it did however, modify the border box of the module and one of the photos began to cover up part of the main body section as it scrolles across.

When you referred to the template css file, do you mean the main template css file or the vm template css file for zeolite?

I tried it on the main template css file.

Any other ideas or work arounds?

[Author]

Posts