Treehouse Widget Guide

Back to Style Guide

Affiliations

Displays logos and titles from the Credibility Badge Widget. It can be placed on homepage or silo page.

Affiliations Slider - Vanilla Dependency-free. Displayed on all pages. Grows from 1 to 3 slides as screen size increases. 4 items required to be a slider. Live View
RWD Slider Displayed on Homepage *Widget title is hidden on homepage On homepage, wrap widget in <div class="container home" id="cred"><div class="row"><div class="columns">WIDGET HERE</div></div></div> Live View

Awards

Displays images and titles from the Trophy Case Widget. It can be placed on homepage or silo page.

Awards Slider - Vanilla Dependency-free. Displayed on all pages. Grows from 1 to 3 slides as screen size increases. 4 items required to be a slider. Live View
RWD Slider On homepage, wrap widget in <div class="container home" id="awards"><div class="row"><div class="columns">WIDGET HERE</div></div></div> Live View

Before & After

Displays Before & After photo pairings uploaded to the widget.

RWD Homepage Slider Live View
RWD Silo Slider Live View
RWD Reveal SwiperDisplayed on Homepage *Show Quantity must be set to 2 On homepage, wrap widget in <div class="container home" id="widgets><div class="row"><div class="columns">WIDGET HERE</div></div></div> Live View
RWD Reveal SwiperDisplayed on Silo Page *Show Quantity must be set to 2 Live View

Blog

Displays blog post images and titles from the YouBlog Widget. It can be placed on homepage or silo page.

RWD Horizontal Displays 4 entries maximum Live View

Meet the Team

Displays team members from Meet the Team widget.

Meet the Team Slider - Vanilla Dependency-free. Displayed on all pages. Grows from 1 to 3 slides as screen size increases. 4 items required to be a slider. Live View

Reviews

Displays customer reviews from the Star Power Pro widget.

RWD Homepage List Live View
RWD Homepage Boxes View Example
RWD Boxes Slider Displayed on Homepage *Show Quantity must be set to 4 or more to enable slider On homepage, wrap widget in <div class="container home" id="customers"><div class="row"><div class="columns">WIDGET HERE</div></div></div> View Example
RWD Boxes Slider Displayed on silo page *Show Quantity must be set to 4 or more to enable slider View Example

Testimonials

Displays customer testimonials from the Feedback Funnel widget.

Recent Testimonials Dependency-free. Displayed on all pages. Grows from 1 to 3 slides as screen size increases. 4 items required to be a slider. View Example

Videos

Displays videos from MediaShark Widget.

RWD Horizontal *Show Quantity must be set to 6 or more to enable slider View Example
Top