Testimonials

This topic is: resolved

Tagged: 

This topic contains 1 reply, has 1 voice, and was last updated by Mumsco mumsco 4 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11530
    Mumsco
    mumsco
    Member
    Post count: 6

    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]
    Attachments:
    #11533
    Mumsco
    mumsco
    Member
    Post count: 6

    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]
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.