Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Responsive Joomla Virtuemart Template - LightMart (SKU# FLEX-00012)

TOPIC: flexible 3D slider - height

flexible 3D slider - height 10 years 6 months ago #6272

Hello,

LightMart has a very good design, but I need to adapt it for my requirements little bit.
I try to adapt flexible 3D slider... its height is too big for me. I found the default height of 3D slider is 469px, but I cannot find where this value change! It is not placed in any css file but somewhere in the code.

Please help, where to change value: min-height: 469px (<div class="module mod-box deepest" style="min-height: 469px;">)

Thank you!

Honza
The topic has been locked.

flexible 3D slider - height 10 years 6 months ago #6275

Hello,
i had to change the height of the module too.
the height is in fact automaticaly defined by the size of image you load

david
The topic has been locked.

flexible 3D slider - height 10 years 6 months ago #6285

Hello David,

thank you for answer and help!

Honza
The topic has been locked.

flexible 3D slider - height 10 years 6 months ago #6302

Yep, carre is correct. The module decides its own height and width based on the slide pictures you use (basically the largest picture is taken into account).

There is no "fixed" value for sizing, because the slider is "responsive". (it shouldn't have any fixed value though)

Instead of "fixed" values, you should use "max-height" and "max-width" values if you insist to resize the slider manually.
To do it, you need to use CSS;
img.rs-slide-image {
   max-height:300px !important;
}

This CSS rule will limit the slider to have Max. 300 pixel height and the width will be "automatic". You can apply the same idea for width as well, then you need use max-width: 300px !important;

For better usage; all the slide pictures must have the same resolution

Case solved. Topic is closed.
The topic has been locked.
Time to create page: 0.076 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo