you're reading:
Blockquotes, Html & inline css codes, Indenting

Narrower blockquotes

http://wpbtips.wordpress.com/

In some themes, regular blockquotes show up with little or no indenting. If you wish to make the blockquote column narrower, you can do it this way (in the html editor):

<div class="aligncenter" style="width:85%;">
<blockquote>BLOCKQUOTE TEXT HERE</blockquote>
</div>
o

Or this way:

<div style="padding-left:30px;padding-right:24px;">
<blockquote>BLOCKQUOTE TEXT HERE</blockquote>
</div>
o

In both cases the numbers are just examples – you can change them.

(You can also style your blockquotes any way you like – see this post plus the posts it links to.)

http://wpbtips.wordpress.com/

Please don’t paste code in comments – see comment guidelines.
About these ads

Discussion

4 thoughts on “Narrower blockquotes

  1. Can We change the height size?? so the content inside blockquote can be scrolled down? sorry for my bad english.
    Thank you very much

    Posted by noobbgodlike | August 5, 2010, 14:34
  2. Sure we can. Try changing this:

    <blockquote>

    to this:

    <blockquote style="height:120px;white-space:pre-wrap;overflow:auto;border:1px solid #ccc;padding:10px;">

    Then link to the page in question so I can see if it’s ok or if it needs any changes. Of course you can change the height number or the border color.

    Posted by Panos | August 5, 2010, 15:03
  3. Thank you very much. It works like wonder. :D

    Posted by noobbgodlike | August 6, 2010, 01:57
  4. @noobbgodlike: You’re welcome!

    Posted by Panos | August 6, 2010, 13:08

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 2,628,000 views
  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: