Your REW Site: Styled Call-out Boxes


Your content will look prettier, better organized, and more professional if you can put calls to action (or other distinct units of text) into their own boxes within the body, like this:

 example of a styled callout box


Your Real Estate Webmasters site, whether it's a templated design or fully custom, comes pre-installed with at least 3 options for this kind of callout box. There are two CSS classes ("highlight" and "important") and the HTML "blockquote".



This markup should create an effect on any html page, styling the text contained within it. The look will vary depending on which template your site is using. Here is an example:


To put text in a blockquote, just surround it with the blockquote tags:


Your text here.

NOTE! This will not work within our LEC templates (limited edition customs). To make the blokquotes work in the LEC's, you have to include paragraph tags within the blokquote tags, like this:


Your text here.


Classes: "Highlight" and "Important"

In your HTML, you can place the "class" attribute onto a block of text or a div. Then, you specify which class it will be. It's easy:


Your text here.


Your text here.

These two classes should put your text into shaded boxes, each with its own distinct colour. Here are examples:



As I mentioned, you can assign these classes to more than one paragraph, by putting them onto divs instead of paragraphs.



A paragraph.


A second paragraph.


This will produce an effect like this:



Enjoy this post? Why not share with friends or add a comment of your own?

Morgan Carey

Great tutorial Gerry, thanks :)


Thanks Gerry! For all the html I fool around with (I'm not good but have gotten better over the years) this is what I could never quite figure out. I've got some playing around to do.


For some reason, we can not get the <blockquote> to work properly. In the WYSIWYG backend CMS it works, but when we apply it, it doesn't show up on our website. Any suggestions?


Troy, you should post that issue in the work orders forum:

Or call our CSR department at 250-753-9893.

Morgan Carey

If it is not functioning it should be posted in the CMS 2.0 forums not the work orders forum, or as Gerry says you can call CSR as well, they can help.


If anyone else is having the same problem that Troy had, try putting paragraph tags within the blockquote tags, like this:

<blockquote><p>Your text here.</p></blockquote>

Mark Naffziger

Great Post, makes highlighting call to actions very simple. Would be curious to know what determines the color of the highlight?


Hi Mark, that is built into the colour scheme of the site you are using. You can get different colour options with a small work order.

Share your thoughts…