Need help? Check out our Support site, then

Twenty Eleven: Change Width of Block Quotes

  1. Search has not been my friend, and I've gotten myself so confused I'm not sure I can explain this properly:

    I use CSS to alter the standard theme block quote

    blockquote {
    	margin: 2.5em;
    	padding: .5em;
    	background-color: #eaeffb !important;
    	font-size: 110%;
    	border: 1px solid #c9d6f5;

    and for the attribution I have this:

    blockquote em {
    	display: block;
    	font-style: normal;
    	text-align: right;
    	font-size: 80% !important;

    And it does what I want, giving me a background, thin border, the quotation is italicized, and the attribution is a bit smaller, right aligned, and normal font, when I surround that bit with "em".

    I can't figure out how to change the width of the block quote. Sometimes it is short, and I don't want it taking up the whole width of the post. Putting it in double block quotes (it looks matted) occasionally works as it did here, but... is there some way I can make block quote width relative to the width of the quote?

    And if not through CSS, is there some way to use padding, etc., through individual post html?

    Thank you!

    The blog I need help with is

  2. Add these to "blockquote":

    display: inline-block;
    width: auto;
  3. Justpi - thank you! and apologies for not thanking you sooner.

    I didn't get notification that there had been a response (sigh...) and was going to bump this, hoping for help.

    I'm embarrassed, I should have known this one without assistance. Phew! Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic