Problem display picture

Hello
Can you explain what a match the following values

div.rotated_image {
float: right;
}

.rotated_image img {
width: 500px !important; why important
max-width: 345px !important; why important
transform: rotate(0deg);
-moz-transform: rotate(0deg); Rotate don't work
-webkit-transform: rotate(0deg);
position: relative;
top:0px;
left:0px;
}

.normal_image {
width:50%;
float:right;
max-height:326px; Value of ??
overflow:hidden;
margin-top:10px;
position: relative;
top:-50px;
text-align: right;
}

.normal_image img {
position: relative;
top:-50px; Value of ?
display: none;
}

.product_intro {
border-top:5px solid #bebebe;
max-height:200px; Value of ?
overflow:hidden;
cursor: pointer;
}

For example with the watch that works great with my SITE against it not.

Thank you in advance,
Sylvain

Rotated images are images when you view product in list while collapsed. Normal image is for image when you expand some product to view it.

Hello,

To customize one of your templates in virtuemart level "Watches"

I'd like to understand one thing.

We must create a template at the HTML directory with the different modules of Virtuemart

Recover the file. Tmpl directory of php

Then you can modify the div and then put in the css template.

But when the version of virtuemart change I saw the need to compare what had been modified and redo the mods in the new version.

What I'd like to know:

How should I do to increase or decrease the size of photos?

How to change the size and font of the object name and description?

How does the system of rotation of the object?

And last question: I love that when you click on a product that is eouvre detail in another tab and not in the current window.
I looked a bit in the forums but I can not find how to do it too.

Is it possible to make the template in Hotel Responsive easily or not?

Thank you in advance for your help.
Sylvain

Basically vm 2.x toes not have its own template like 1.x , it uses joomla template optimized for vm. So your template needs to support that.

Size of rotated image is defined in template_css.css:

.rotated_image img {
width: 210px !important;
max-width: 210px !important;
transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
position: relative;
top: -108px;
left: -70px;
}

Normal image uses size defined in vm.
Tabs behavior is achieved using javascrit by toggling classes on product view.

For example image toggles between

.rotated_image
and
.normal_image

class.

I don't know what you want takes significant effort to achieve. You can somehow look codes form watches to implement them in your template. We can hire us for custom job if you want also , if you are interested in bid send your contact email using "Report To Moderator"