Testimonials

[mumsco]

Hi,

I am trying to replicate the testimonials section on the Austin demo homepage.

I’ve pretty much got it, but it’s just not quite lining up right and I can’t figure out which CSS I have missed out or done wrong.

I know it would have been easier to import the demo but my host kept timing out so I have had to work from scratch.

Can you take a look please at http://www.mumsco.com/#testimonials. Screenshot also attached.

This is the code I have used in my page section.

[segment id="testimonials2" class="client-testimonials2 dark-bg" background_color="" style="" background_image="http://www.mumsco.com/wp-content/uploads/2014/09/slider3.jpg" parallax_background="true" background_speed="0.5" background_pattern=""]
[responsive_slider type="testimonials2" animation="slide" control_nav="true" direction_nav=false pause_on_hover="true" slideshow_speed=4500]
<ul class="slides">
	<li>
<div class="header"><img class="alignleft img-circle" title="Austin is just a cut above all the other themes in my opinion. It is the best!" draggable="false" src="https://www.livemeshthemes.com/austin/wp-content/uploads/2013/12/img-client1.jpg" alt="Testimonial" />
<div class="text">
<h3 class="title">You’ve been a great help. Your service is fantastic. I’m so glad I chose Austin</h3>
<cite>Jane Doe / Co-Founder, <a href="#">example.com</a></cite>

</div>
</div>
<div class="quote">
<blockquote>A dolor, integer augue vut parturient elementum elit porttitor auctor sed dolor massa aenean pellentesque tincidunt lundium odio, adipiscing in porta augue vut. Odio auctor in pulvinar porta! Enim tristique pulvinar dolor.</blockquote>
</div></li>
	<li>
<div class="header"><img class="alignleft img-circle" title="Austin is just a cut above all the other themes in my opinion. It is the best!" draggable="false" src="https://www.livemeshthemes.com/austin/wp-content/uploads/2013/12/img-client1.jpg" alt="Testimonial" />
<div class="text">
<h3 class="title">You’ve been a great help. Your service is fantastic. I’m so glad I chose Austin</h3>
<cite>Jane Doe / Co-Founder, <a href="#">example.com</a></cite>

</div>
</div>
<div class="quote">
<blockquote>A dolor, integer augue vut parturient elementum elit porttitor auctor sed dolor massa aenean pellentesque tincidunt lundium odio, adipiscing in porta augue vut. Odio auctor in pulvinar porta! Enim tristique pulvinar dolor.</blockquote>
</div></li>
	<li>
<div class="header"><img class="alignleft img-circle" title="Austin is just a cut above all the other themes in my opinion. It is the best!" draggable="false" src="https://www.livemeshthemes.com/austin/wp-content/uploads/2013/12/img-client1.jpg" alt="Testimonial" />
<div class="text">
<h3 class="title">You’ve been a great help. Your service is fantastic. I’m so glad I chose Austin</h3>
<cite>Jane Doe / Co-Founder, <a href="#">example.com</a></cite>

</div>
</div>
<div class="quote">
<blockquote>A dolor, integer augue vut parturient elementum elit porttitor auctor sed dolor massa aenean pellentesque tincidunt lundium odio, adipiscing in porta augue vut. Odio auctor in pulvinar porta! Enim tristique pulvinar dolor.</blockquote>
</div></li>
</ul>
[/responsive_slider]

[/segment]

[mumsco]

Turns out I was overcomplicating it 🙁

If anyone else is struggling here is the code that seems to work…

[segment id="testimonials2" class="client-testimonials2 dark-bg" background_color="" style="" background_image="http://yourimageurl" parallax_background="true" background_speed="0.5" background_pattern=""]

[responsive_slider type="testimonials2" animation="slide" control_nav="true" direction_nav=false pause_on_hover="true" slideshow_speed=4500]

[testimonials2 post_count=4 testimonial_ids="587, 584"]

[/responsive_slider]

[/segment]

[Author]

Posts