Title: responsive grid shortcode? Last modified: August 22, 2016 --- # responsive grid shortcode? * Resolved [blueoaks](https://wordpress.org/support/users/blueoaks/) * (@blueoaks) * [11 years, 3 months ago](https://wordpress.org/support/topic/responsive-gird-shortcode/) * Hello. I am so glad to have found your plugin. It elegantly solves a problem I’ve been working on for days without success. * I now have my grid working like I want it, save for the fact that it does not appear to be responsive. I was expecting the thumbnails to resize down as the browser window shrinks, like the native WP gallery thumbnails do in my theme ( which is responsive). * Is there something I can add to my shortcode to make the grid (and the position of the captions relative to the thumbnails) responsive? * Here is one of my current shortcode examples: * [thumbnailgrid cat=’136′ posts_per_page=’999′ aligngrid=’center’ order=’ASC’ wraptext=’TRUE’ captionheight=’50px’ width=’250px’ height=’167px’ settings=”autoresize: fit”] * I was hoping the ‘autoresize:fit’ would do it since this works for embedded videos on my site, but it does not appear to have any effect. (If I remove the height and width parameters the thumbnails shrink down to 150×100 even though in Settings- > Media I have them set larger. Not sure why.) * thanks * [https://wordpress.org/plugins/thumbnail-grid/](https://wordpress.org/plugins/thumbnail-grid/) Viewing 3 replies - 1 through 3 (of 3 total) * Plugin Author [A. Jones](https://wordpress.org/support/users/nomadcoder/) * (@nomadcoder) * [11 years, 2 months ago](https://wordpress.org/support/topic/responsive-gird-shortcode/#post-5613639) * Hello, * autoresize:fit is a video specific setting, I believe. * The plugin is not responsive. You can make the grid responsive by editing the style sheet or by using a custom css editor. I’ll look into a way of automating this, and create an example. The next release should make this much easier. In general, I believe that it is up to designers to control responsiveness! 🙂 * When you upload images to wordpress, they get uploaded in a few different formats, the default format is “thumbnail”. Check out this support thread for more info: * [https://wordpress.org/support/topic/thumbnails-imgs-are-stretched?replies=3](https://wordpress.org/support/topic/thumbnails-imgs-are-stretched?replies=3) * And, the following is excerpted from the wordpress codex instructions: [http://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages](http://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages) * > The Size settings determine the size of the image you are adding to your site. > By default WordPress creates a range of four image size for you to choose from: > Thumbnail: Displays a small thumbnail-sized version of your image on the page/ > post. Note, by default the Thumbnail size is a square, so some cropping of > your original image may occur. > Medium: Displays a medium-sized version of > your image on the page/post. This is a good size to use with Left/Right alignments, > as it leaves sufficient space for legible text to either side. Large: Displays > a large-sized version of your image on the page/post. Note: WordPress will > determine the width of the content column of your theme, and display the largest > possible image for that space. Full Size: Displays a full-sized version of > your image on the page/post. Note: WordPress will determine the width of the > content column of your theme, and display the largest possible image for that > space. If your original image is larger than this column width, the full size > of the image may not be displayed. * Plugin Author [A. Jones](https://wordpress.org/support/users/nomadcoder/) * (@nomadcoder) * [10 years, 11 months ago](https://wordpress.org/support/topic/responsive-gird-shortcode/#post-5613682) * As a developer, I think that how to implement responsiveness is up to the designer. I did put together a pretty simple example of how to make the grid thumbnails resize responsively. * [http://www.shooflysolutions.com/blog/2015/04/17/making-the-thumbnail-grid-responsive-a-simple-example/](http://www.shooflysolutions.com/blog/2015/04/17/making-the-thumbnail-grid-responsive-a-simple-example/) * [russclem](https://wordpress.org/support/users/russclem/) * (@russclem) * [10 years, 5 months ago](https://wordpress.org/support/topic/responsive-gird-shortcode/#post-5613695) * Hi there, I’m interested in this too, but it looks like your article is no longer there? * Do you have a working link? * Many thanks! Viewing 3 replies - 1 through 3 (of 3 total) The topic ‘responsive grid shortcode?’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/thumbnail-grid.svg) * [Featured Image Thumbnail Grid](https://wordpress.org/plugins/thumbnail-grid/) * [Frequently Asked Questions](https://wordpress.org/plugins/thumbnail-grid/#faq) * [Support Threads](https://wordpress.org/support/plugin/thumbnail-grid/) * [Active Topics](https://wordpress.org/support/plugin/thumbnail-grid/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/thumbnail-grid/unresolved/) * [Reviews](https://wordpress.org/support/plugin/thumbnail-grid/reviews/) ## Tags * [responsive grid](https://wordpress.org/support/topic-tag/responsive-grid/) * 3 replies * 3 participants * Last reply from: [russclem](https://wordpress.org/support/users/russclem/) * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/responsive-gird-shortcode/#post-5613695) * Status: resolved