tag:help.dimsemenov.com,2012-08-16:/discussions/royalslider-wordpress/46973-applying-css-vmin-to-entire-royal-slider-blockRoyalSlider: Discussion 2018-03-03T12:47:40Ztag:help.dimsemenov.com,2012-08-16:Comment/448345682018-03-03T12:43:40Z2018-03-03T12:43:40ZApplying CSS (vmin) to entire Royal Slider block<div><p>I'm trying to use css to proportionally shrink the entire Royal Slider block/container (main photo, thumbs and arrow nav) so that whole slider always fits in the view port. Currently I'm using vmin with the CSS below. It shrinks the photo, but doesn't affect the rest of the slider elements. Is there a class or id I should be targeting that would affect everything? Or another solution.</p>
<p><a href="http://t4haughton.dyndns.org/wasabi/weddings/">http://t4haughton.dyndns.org/wasabi/weddings/</a><br>
/* Scale down on small/wide viewports */ .royalSlider { -o-object-fit: contain; object-fit: contain; max-height: 80vmin!important; max-width: auto!important; width: auto!important; margin-left: auto; margin-right: auto; display: block; height: auto; }</p></div>t4htag:help.dimsemenov.com,2012-08-16:Comment/448345682018-03-03T12:47:38Z2018-03-03T12:47:38ZApplying CSS (vmin) to entire Royal Slider block<div><p>Hello,</p>
<p>This should help <a href="http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-stretch-slider-to-full-browser-width-and-height#example-of-how-to-resize-slider-via-js-in-wordpress-version">http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-str...</a></p></div>Dmitry Semenov