Q - How do make a quote stand out on a page?
A - Put it in a quote box...
In your style.css add (near the top) 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 [l:peas-and-pods here]

Tags: 

Add new comment

More information about text formats

Filtered HTML

  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Strips broken/unpublished internal links from output.
  • Adds node titles to internal links found in content (as HTML "title" attribute).
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.