Spicing up your WordPress ‘blockquote’ style

Posted on 19th April, 2006

One of my readers, Kurniawan asked what I did to make my blockquote box looks like this

Instead of writing my reply via the comment section I thought I reply his question in this new post so that others who might be interested can read it too.

The effect is achieved by setting several Cascading Style Sheet (CSS) properties in my style.css file.

For my template, I am using this code

blockquote {
border: 1px solid #5c5656;
margin: 1em 0;
padding: 10px;
background: #f8f7f6 url(images/blq.gif);

Just put this code or edit your existing blockquote properties. Then download blg.gif and place it into the appropriate folder.


An engineer by training, Victor has been working full-time online as an Internet marketer, a programmer and an app developer since 2001. He has been blogging at Sabahan.com since 2006 sharing his experience and teaching people how to make money online. Click here to join his private Facebook Group for bloggers.

  • V3King says:

    It’s A Quite Good But There Are Any Cool Blackquote For WordPress?

  • […] Side note: Thanks to Nerdaphernalia for the pullquote plugin and Sabahan for the cool blockquote effect. […]

  • hwa says:

    cool effect! use it in my blog 😉 thanks for the tips!! 🙂

  • >

    Sign Up Below... For Tips and Tools to Help You Build a Better Blog

    >> Sign Up Now and get access to:

    • chevron-circle-right
      The exact methods I use to make money
    • chevron-circle-right
      Resources to increase traffic to your blog
    • chevron-circle-right
      The latest updates from Sabahan.com

    We hate spam. Unsubscribe anytime.