How to make list + Testimonial

Comments

• Albert

  March 2015

  Hi,
  
  to make something similar as on https://www.booktoclean.com/ (Why book...), you must use section with own background image. Image should be made the way to show from left side. On the left side you can use 1/2 Placeholder item but on the right side use "Column" item with text shortcodes inside.
  
  Thanks!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• GannicusBNR

  March 2015

  Hi,

  
  

  What are the specific text shortcodes I need?
• GannicusBNR

  March 2015 edited March 2015

  Hi,

  
  

  Nevermind, I got the shortcodes. This is what I have right now:

  
  

  <div class="column_attr  align_left"><p align="center"></p><h2 class="title">Why Book With Us?</h2><p></p>

  <div class="list_item lists_2 clearfix"><div class="list_left list_icon"><i class=" icon-star"></i></div><div class="list_right"><h4>Simple Flat-Rate Pricing</h4><div class="desc"></div></div></div>

  <div class="list_item lists_2 clearfix"><div class="list_left list_icon"><i class="icon-cart"></i></div><div class="list_right"><h4>Book & Pay Online With Ease</h4><div class="desc"></div></div></div>

  <div class="list_item lists_2 clearfix"><div class="list_left list_icon"><i class="icon-trophy"></i></div><div class="list_right"><h4>Background & Reference Checked Teams</h4><div class="desc"></div></div></div>

  <div class="list_item lists_2 clearfix"><div class="list_left list_icon"><i class="icon-heart-fa"></i></div><div class="list_right"><h4>200% Satisfaction Guaranteed</h4><div class="desc"></div></div></div></div>

  
  

  How do I make it so that 1. the header (why book with us) is centered over the list? 2. Align the text to icons better? and 3. Add bounce in animation?

  
  

  ALSO how do I remove the blue testimonial strip and underline of testimonials section?!
• Albert

  March 2015

  Please send us right url to your website so we can have a look on what you did and how it looks like.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• GannicusBNR

  March 2015

  http://www.twinmaids.com/
• Albert

  March 2015

  1. To center this header above list, you must use this header as html tags under list directly. Current html won't work the way you want.
  
  2. This can be done within below css:

  .list_item .list_left { line-height: 50px; }
  .list_item .list_right { padding: 10px 0 0; }

  3. Animation for what? Which element?
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next