Custom CSS

I would recommend him to anyone starting up a business.

Finn
March 2017

His attention to detail is what separates him from the rest.

Aatik Tasneem
February 2017

Kevin just made it happen for us.

Mbele Oyelowo
March 2017

I know I can count on him.

Ellen Bradley
March 2017

He was able to step in really quickly.

Luke
April 2017

We recommend him whole-heartedly!

Hitaka Nakamura
February 2017

Kevin organized everything.

Tina Clark
April 2017

He worked hard and fast with us to pull things around.

Jessie
April 2017

He is a good guy to have around in a crisis.

Justine
March 2017

He made sure everything was good to go.

Juanita Espinosa
April 2017
Not meant to be a guide, just to demonstrate what a few CSS rules can do.

Using the Unstyled template plus a unique CSS class name slideshow-2c in the view to make sure these rules don’t interfere with others.

.slideshow-2c {
	margin: 0 auto;
	width: 460px;
}
 
.slideshow-2c .testimonial {
	background: #0B6DDB;
	border-radius: 5px;
	color: #FFF;
	width: 100%;
}
 
.slideshow-2c .testimonial:not(:first-child) {
	display: none;
}
 
.slideshow-2c .testimonial-inner {
	padding: 20px;
}
 
.slideshow-2c .testimonial-content {
	margin-left: 70px;
}
 
.slideshow-2c .testimonial-content p {
	font-size: 1.4em;
	line-height: 1.2;
}
 
.slideshow-2c .testimonial-content:before {
	font-family: FontAwesome;
	content: "\f10d";
	float: left;
	font-size: 50px;
	margin-left: -70px;
	opacity: 0.5;
}
 
.slideshow-2c .testimonial-image {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
 
.slideshow-2c .testimonial-image img {
	border-radius: 50%;
}
 
.slideshow-2c .testimonial-client {
	clear: both;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 2em;
	text-align: center;
	text-transform: uppercase;
}
 
.slideshow-2c .testimonial-client div {
	display: inline-block;
}
 
.slideshow-2c .testimonial-client div:not(:last-child):after {
	content: "~";
	margin: 0 0.5em;
}