Possible to make list 100% width?

Per method https://aihrus.zendesk.com/entries/24910733-How-to-Correct-Testimonials-Widget-CSS-Issues…

.testimonials-widget-testimonial {
border-left: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
width: 210px;
}

Is causing the trouble. I’ll let it to you finish the with the final solution. Might I suggest something dealing with .testimonials-widget-testimonials .listing?

I had already used the css codes from your “How to Correct Testimonial Widget CSS Issues” before asking.

I tried both

.testimonials-widget-testimonial {
border-left: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
width: 210px;
}

and

.testimonials-widget-testimonial .listing {
border-left: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
width: 210px;
}

No luck. I even put them both into my css and it has stayed the same size.

I pointed out to you the problem code.

You might try only changing the CSS code you specifically need to like 100% width.

I tried different widths and none changed it. Tried that, 500px, and 100% and oddly nothing has changed the width.

My apologies on writing .listing earlier, it’s .list.

Please try…

.testimonials-widget-testimonial .list {
width: 1005;
}

No luck (and I changed the 5 to a %).

I don’t see the CSS changes made at the bottom of https://anwsol.com/gina/wp-content/themes/GinaFlatGreen3/style.css. Also, minor correction, remove the space between the two class names.

.testimonials-widget-testimonial.list {
  width: 100%;
}

Thank you! That fixes it. Just had to remove the space and that fixed it.

Great plugin and great support. I will be sure to give you a great rating and review.

Thank you again.