How to make list + Testimonial

GannicusBNR

Hello,

How do I make a list in muffin group so that they are stacked vertically on each other? I'm specifically referring to the "why book with us section" of my website http://www.twinmaids.com/. For better clarification, I am looking to get the same look as https://www.booktoclean.com/ section.

Also, how do I remove the blue background strip that testimonial pictures sit on?

Albert

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

Hi,

What are the specific text shortcodes I need?

GannicusBNR

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

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

http://www.twinmaids.com/

Albert

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