Lego2012
12/13/2016 - 3:19 PM

Blockquote sample styling

Blockquote sample styling

blockquote {
	color: #808080;
	/*margin: 40px;*/
	margin: 60px 40px 40px 40px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 96px;
	height: 0;
	left: -27px;
	position: relative;
	top: -36px;
	font-family: 'Old Standard TT', serif;
	color: #107f51;
}

blockquote > * {
	padding-left: 35px;
}
<blockquote>Let's light this fire one more time, Mike, and witness this great nation at its best. &lt;blockquote&gt; via <a href="http://spaceipsum.com/">Space Ipsum</a></blockquote>
<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below.

// Enqueue scripts and styles
add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts_styles' );
function custom_enqueue_scripts_styles() {

    wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Old+Standard+TT:400italic', array(), CHILD_THEME_VERSION );

}