Support » Plugin: Recent Posts Slider » [Plugin: Recent Posts Slider] Make it responsive?

  • seezee


    Any way to make this sucker responsive? I’ve managed to make the outer container responsive:

    #rps, #rps .window {

    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.

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


    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

    /* Responsive slider */
    .responsive-slider, .flexslider, .responsive-slider * {

    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.

    on header.php add

    <script src=""></script>
    <script src='' type='text/javascript'/>
      $(function() {

    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(); ?>

    thanks 🙂

    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.

    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.



Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Recent Posts Slider] Make it responsive?’ is closed to new replies.