WordPress.org

Ready to get started?Download WordPress

Forums

Testimonial Rotator
How to make the testimonials responsive (12 posts)

  1. illusiodesign
    Member
    Posted 1 year ago #

    If you have a responsive framework and need to make the testimonials flexible, add this code:

    .testimonial_rotator_widget_wrap,
    .testimonial_rotator_widget,
    .testimonial_rotator_widget_wrap .slide {
    	width: 100% !important;
    }

    http://wordpress.org/extend/plugins/testimonial-rotator/

  2. JPCarvalhinho
    Member
    Posted 1 year ago #

    thxs!

  3. illusiodesign
    Member
    Posted 1 year ago #

    no prob!

  4. louisebeattie
    Member
    Posted 1 year ago #

    Where would you add this?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Install this Custom CSS Manager plugin and put the CSS in its section of the dashboard.

  6. nanny7
    Member
    Posted 1 year ago #

    Hi I tried that but it is still getting cut off on the right hand side - my site is http://www.visnetmedia.com/test and the rotator is on the home page (test site for client) when I resize the browser to mobile view the overflow doesn't work and the width doesn't shift.

  7. Hal Gatewood
    Member
    Plugin Author

    Posted 1 year ago #

    Try this:

    .testimonial_rotator_wrap,
    .testimonial_rotator,
    .testimonial_rotator_wrap .slide {
    	width: 100% !important;
    }

    The code posted above is for when you are using the WP Widget.

  8. julie.t
    Member
    Posted 1 year ago #

    I can't get either code to work.

    Text size is large and the bottom gets cut off.

  9. Hal Gatewood
    Member
    Plugin Author

    Posted 1 year ago #

    Do you have a link to your site where the rotator is located?

  10. julie.t
    Member
    Posted 1 year ago #

  11. Hal Gatewood
    Member
    Plugin Author

    Posted 1 year ago #

    Your going to use the code by illusiodesign at the top. I don't see it anywhere in your CSS. You'll want to put it in your <head> or in

    http://69.89.31.236/~carries7/wp-content/themes/agency/style.css

  12. db9429
    Member
    Posted 10 months ago #

    I'm having the same issue here. Not sure what's causing it. The site isn't responsive as such, but the layout is breaking as per julie.t's comment above.

    It works fine on a narrow desktop browser window, but on mobile devices it breaks.

    I don't have width=device-width in my site head, and although setting the various elements to 100%, I'm getting text cut off at the bottom (ie the parent div isn't containing the slides).

    Even reducing the text size, the parent container then shrinks proportionally, and the same issue occurs.

    The first slide on initial load seems to spill over and break out of the parent div, but the subsequent slides are then cut off at the bottom.

    Anyone managed to get around this?

    Site: http://j.mp/19IbKec

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.