Need help? Check out our Support site, then


WordPress.com Forums » Support

Is there a way to adjust the width of a 'quote'?

  1. arcadata
    Member

    Hi, I was just wondering if there is a way to adjust the width of a 'quote'?

    Like for example, in this post of mine - http://wp.me/pspxi-3Xz - the quote is placed inside this box automatically by wordpress or the theme I'm using (iNove), but the box extends the entire width of the page. Is there a way of contracting it to a smaller box? Just wondering.

    The blog I need help with is randomizeme.wordpress.com.

  2. thesacredpath
    Staff

    If you have the paid CSS upgrade and experience editing CSS then you can do that. Otherwise, you have to live with the theme author's design decisions.

  3. arcadata
    Member

    @thesacredpath

    Thanks for the quick response. Oh, okay - don't know a thing about CSS so won't touch that. Pity though since I find the way it looks now so ugly.

  4. thesacredpath
    Staff

    I'm not fond of the dashed border either, and I agree about the width.

  5. panaghiotisadam
    Member

    @arcadata: Without the CSS upgrade, you can make your blockquotes narrower this way (in the html editor):

    <div class="aligncenter" style="width:80%;">
BLOCKQUOTE_HERE
</div>

    Or this way:

    <div style="padding-left:30px;padding-right:30px;">
BLOCKQUOTE_HERE
</div>

    In both cases you can change the numbers, of course.

    Or you can style your blockquotes any way you like - see this post plus the posts it links to:

    http://wpbtips.wordpress.com/2009/06/19/formatting-text-pt-2/

  6. 1tess
    Moderator

    From panos:

    http://wpbtips.wordpress.com/category/blockquotes/

    …in some themes blockquotes are graced with all sorts of decorative frills, which you may or may not like. If you don’t, you can have plain-looking blockquotes by using the padding code again, in this case for both sides of the text:

<div style="padding-left:2.5em;padding-right:2.5em;">
TEXT_HERE
</div>

    You can also add text color, background color and other styling.

  7. 1tess
    Moderator

    refresh refresh refresh…

  8. panaghiotisadam
    Member

    Morning!

    Since you added this example, let me clarify that "TEXT_HERE" means plain text whereas "BLOCKQUOTE_HERE" means text enclosed in the blockquote tags.

  9. arcadata
    Member

    @panaghiotisadam,

    Thank you - you are genius!!!! I like the contracted box ... I'll also check out that link posted.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags