Widget testimonial bleeding down over other widget content

yes shes quite messy this plugin , has cool features .. but is buggy and weird all the same.

try this which is my styling I made for it;

file: https://<your_site.com>/wp-content/plugins/testimonials-widget/testimonial-widgets.css

backup your file

then copy / paste / replace entire thing with this styling below;
https://www.pastebin.ca/2331592

cheers.

or.. append to bottom of your testimonial-widgets.css the following styles;

.testimonialswidget_testimonial_list {
        display: block;
        margin-bottom: 1.4em;
        clear:left;
        padding:7px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

        }

.testimonialswidget_image{
        margin-right:20px;
border:1px solid #000;
-webkit-box-shadow: 0 8px 6px -6px black;
           -moz-box-shadow: 0 8px 6px -6px black;
                box-shadow: 0 8px 6px -6px black;

}

.testimonialswidget_testimonial cite{
       clear:both;
       color:orange;
}

.testimonialswidget_testimonial_list p{
padding-left:170px;
}

for different Gradients a good place to get them from here: gradient-editor

Frank, Have you tried setting the maximum height and adjusting your character limit to help prevent content overflow?

Hi Michael,

Have maximised the characters to 100 , maximum height =20 but it leaves only about two lines of testimonial and still overflows.

Think maybe the issue relates to enabling the widget content Testimonial text to be able to push down the location of the widget directly under to avoid overflow.

Is this possible?

Link to site under. _ have maintained Testimonial Widget at bottom

https://www.frankarchitecture.ie

Thanks reace99 for your recommendations but am afraid I would do more harm than good as CSS styling is not a strong point. Am learning but slow/

Best regards,

Frank

Frank,

You’re trying to cram too much content into a restricted space. Think about it… How can a little box, barely 2-lines tall contain 4 to 5 lines of content.

I would suggest trying a minimum and maximum height of 100 and then setting a character limit of 50.

Try that and experiment.

Michael

Thanks will do