Title: responsive thumbnails
Last modified: August 31, 2016

---

# responsive thumbnails

 *  Resolved [drewstain](https://wordpress.org/support/users/drewstain/)
 * (@drewstain)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/)
 * Hello,
 * Great plugin. I love how the featured large image acts fluidly but the thumbnails
   below it do now, I want to have 3 thumbnails under the featured image all with
   the width of 33% of the large featured image regardless of the screen size. I
   have looked at the css to try to achieve this but I was unable to, is there a
   way it cane be done? At the moment it seems you have to define a width and height
   for the thumbanails and it sticks to whatever you have chosen.
 * thanks
 * Andrew
 * [https://wordpress.org/plugins/ultimate-responsive-image-slider/](https://wordpress.org/plugins/ultimate-responsive-image-slider/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301494)
 * Hello drewstain,
    the thumbnail dimensions can be changed by adding the following
   code in custom css- .sp-thumbnail-container{ width:200px !important; } You can
   change the width size as your requirement. Thanks.
 *  Thread Starter [drewstain](https://wordpress.org/support/users/drewstain/)
 * (@drewstain)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301509)
 * Thanks for the reply, I want the featured image to be fluid however not a fixed
   width. When I try to do this with a % it breaks the code.
 *     ```
       .sp-thumbnail-container{
               width:33% !important;
       }
       ```
   
 * So then I tried giving it a max and min width…
 *     ```
       .sp-thumbnail-container {
       	max-width: 246px !important;
       	min-width: 100px !important;
       }
       ```
   
 * This didn’t work either, so how can I get the thumbnails to be responsive and
   shrink according the size of the screen? Is it best to do it with media queries?
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301560)
 * Hello drewstain,
    .sp-thumbnail-container{ width:250px !important; } .slider-
   pro img.sp-thumbnail{ width:100% !important; margin-left:0px !important; margin-
   top:0px !important; } You can change the values as your requirement. **NOTE:**
   It will not be responsive.
 *  Thread Starter [drewstain](https://wordpress.org/support/users/drewstain/)
 * (@drewstain)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301567)
 * SO there is no way to make the thumbnails responsive?
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301588)
 * Hello drewstain,
    the thumbnails are responsive in present case, but in the customization
   you want…it is not possible in that. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘responsive thumbnails’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-responsive-image-slider/assets/icon-128x128.gif?
   rev=2305926)
 * [Ultimate Responsive Image Slider](https://wordpress.org/plugins/ultimate-responsive-image-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-responsive-image-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-responsive-image-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-responsive-image-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-responsive-image-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-responsive-image-slider/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/responsive-thumbnails-5/#post-7301588)
 * Status: resolved