Make drupal slideshow full width

Drupal have nice module to create slideshow of image, but unfortunately it's a bit tricky to match it with design. here's how to set slideshow width to full width

all come from Kristen Pol in this thread. Full width slideshow is just CSS matter, here is Kristen Pol's CSS that working with my case:

    .views_slideshow_cycle_main {
      width: 100%;
      float: left;
    }
    .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
      width: 100% !important;
      height: auto;
    }
    .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
      width: 100% !important;
      height: auto;
    }
    .views_slideshow_cycle_main .field-content {
      max-width: 100%;
      width: 100%;
    }
    .views_slideshow_cycle_main .field-content img {
      max-width: 100%;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
    }

Comments