You are here

Home » API reference » Views Slideshow 7.3

views_slideshow_cycle_responsive_example.css in Views Slideshow 7.3

Example rules to enhance responsiveness of Views Slideshow.

Due to various site styles and markup, this won't work on all sites. Which is why it was removed from views_slideshow_cycle.css as that caused bugs on some sites, especially those using floats on the parent elements but without any width declarations.

File

contrib/views_slideshow_cycle/views_slideshow_cycle_responsive_example.css
View source 
  1. /**

  2.  * @file

  3.  * Example rules to enhance responsiveness of Views Slideshow.

  4.  *

  5.  * Due to various site styles and markup, this won't work on all sites.

  6.  * Which is why it was removed from views_slideshow_cycle.css as that caused

  7.  * bugs on some sites, especially those using floats on the parent elements but

  8.  * without any width declarations.

  9.  */

  10.  

  11. .views-slideshow-cycle-main-frame,

  12. .views-slideshow-cycle-main-frame div,

  13. .views-slideshow-cycle-main-frame img {

  14.   max-width: 100%;

  15. }