Is there a way to adjust the width of a ‘quote’?

• 

  arcadata · Member · Dec 22, 2009 at 6:43 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 22, 2009 at 6:45 am

  • Copy link

  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.

• 

  arcadata · Member · Dec 22, 2009 at 6:49 am

  • Copy link

  @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.

• 

  thesacredpath · Member · Dec 22, 2009 at 7:01 am

  • Copy link

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

• 

  panaghiotisadam · Member · Dec 22, 2009 at 11:54 am

  • Copy link

  @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:

  Formatting text pt. 2: indents and blockquotes

• 

  1tess · Moderator Emeritus · Dec 22, 2009 at 12:04 pm

  • Copy link

  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.

• 

  1tess · Moderator Emeritus · Dec 22, 2009 at 12:05 pm

  • Copy link

  refresh refresh refresh…

• 

  panaghiotisadam · Member · Dec 22, 2009 at 12:25 pm

  • Copy link

  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.

• 

  arcadata · Member · Dec 23, 2009 at 12:54 am

  • Copy link

  @panaghiotisadam,

  Thank you – you are genius!!!! I like the contracted box … I’ll also check out that link posted.