Title: [Plugin: Recent Posts Slider] Make it responsive?
Last modified: August 20, 2016

---

# [Plugin: Recent Posts Slider] Make it responsive?

 *  [Chris J. Zähller](https://wordpress.org/support/users/seezee/)
 * (@seezee)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/)
 * Any way to make this sucker responsive? I’ve managed to make the outer container
   responsive:
 *     ```
       #rps, #rps .window {
         max-width:100%;
         height:auto;
       }
       ```
   
 * but any other changes, _e.g._, `#rps .slider`, bollix the display w/o accomplishing
   what I need, which is for the individual slide content to shrink w/ the size 
   of the parent. Setting `.col` to `max-width:50%;` has no effect, either.
 * [http://wordpress.org/extend/plugins/recent-posts-slider/](http://wordpress.org/extend/plugins/recent-posts-slider/)

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

 *  [wp__developer](https://wordpress.org/support/users/wordpress_developer/)
 * (@wordpress_developer)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847369)
 * hey, I was thinking of making it responsive too, have you found a solution yet?
 * I thought about rewriting the plugin with flexslider2, because its pretty nice
   responsive and it has a carousel function included.
 * another way would be to rewrite the code and put it in a fluid container like
   1140 css grid or something.
 * anyways, if you found a shorter solution please tell me
 *  Thread Starter [Chris J. Zähller](https://wordpress.org/support/users/seezee/)
 * (@seezee)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847370)
 *     ```
       /* Responsive slider */
   
       .responsive-slider, .flexslider, .responsive-slider * {
       	max-width:100%;
       	height:auto;
       }
       ```
   
 * I put that in my CSS; it shrinks the outer container but has no effect on the
   slides. Probably eliminating the float on the individual slides & letting them
   stack would be the way to go.
 *  [inyongwebid](https://wordpress.org/support/users/inyongwebid/)
 * (@inyongwebid)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847415)
 * on header.php add
 *     ```
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
       <script src='http://files.cryoffalcon.com/javascript/responsiveslides.min.js' type='text/javascript'/>
       <script>
         $(function() {
           $(".rslides").responsiveSlides();
         });
       </script>
       ```
   
 * add css on Recent Posts Slider css
 *     ```
       .rslides {
         position: relative;
         list-style: none;
         overflow: hidden;
         width: 100%;
         padding: 0;
         margin: 0;
         }
   
       .rslides li {
         -webkit-backface-visibility: hidden;
         position: absolute;
         display: none;
         width: 100%;
         left: 0;
         top: 0;
         }
   
       .rslides li:first-child {
         position: relative;
         display: block;
         float: left;
         }
   
       .rslides img {
         display: block;
         height: auto;
         float: left;
         width: 100%;
         border: 0;
         }
       ```
   
 * and to show Recent Posts Slider
 *     ```
       <ul class="rslides">
       <?php if (function_exists('rps_show')) echo rps_show(); ?>
       </ul>
       ```
   
 * thanks 🙂
 *  Thread Starter [Chris J. Zähller](https://wordpress.org/support/users/seezee/)
 * (@seezee)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847416)
 * It would be better to come up with a pure CSS solution to this. JavaScript isn’t
   always available, and there are so many scripts running on the average WP site
   that adding more can mean a real performance hit.
 *  [Odinkinder](https://wordpress.org/support/users/odinkinder/)
 * (@odinkinder)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847417)
 * This looked promising, but, it’s not working for me, it’s most likely my lack
   of understanding. Where is the header code placed? Second, that last bit of <
   ul class = code goes where? If I could get this to work, it would save me a lot
   of headache.
 * Thanks
 * Terry

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

The topic ‘[Plugin: Recent Posts Slider] Make it responsive?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/recent-posts-slider_a3875c.svg)
 * [Recent Posts Slider](https://wordpress.org/plugins/recent-posts-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/recent-posts-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/recent-posts-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/recent-posts-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/recent-posts-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/recent-posts-slider/reviews/)

 * 5 replies
 * 4 participants
 * Last reply from: [Odinkinder](https://wordpress.org/support/users/odinkinder/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/plugin-recent-posts-slider-make-it-responsive/#post-2847417)
 * Status: not resolved