Skip to Content

Large quote block

Posted in

Q - How do make a quote stand out on a page?
A - Put it in a quote box...

In your style.css add the following

blockquote {
background:transparent url(/sites/all/themes/pixturerr/images/openquote.gif) no-repeat scroll left top;
color:#317D81;
float:right;
font-size:2em;
font-style:italic;
line-height:0.9;
margin:0;
padding-bottom:0;
padding-left:0.5em;
width:8em;
}

Then identify the text/quote you want to highlight > copy it and then paste it into a block such as the one below.

<blockquote class="pquote">
<p>It is not an exaggeration to say that peas can be described as nothing less than perfect spheres of joy.</p>
</blockquote>

Then place the whole block into the text at the place you wish it to be seen

see the example here