Custom CSS

We recommend him whole-heartedly!

Hitaka Nakamura
February 2017

Kevin just made it happen for us.

Mbele Oyelowo
March 2017

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

Aatik Tasneem
February 2017

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

Jessie
April 2017

I know I can count on him.

Ellen Bradley
March 2017

I would recommend him to anyone starting up a business.

Finn
March 2017

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

Justine
March 2017

Kevin organized everything.

Tina Clark
April 2017

He made sure everything was good to go.

Juanita Espinosa
April 2017

He was able to step in really quickly.

Luke
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;
}