Twenty Eleven: Change Width of Block Quotes

  • Author
  • #1539786

    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



    Add these to “blockquote”:

    display: inline-block;
    width: auto;


    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!

The topic ‘Twenty Eleven: Change Width of Block Quotes’ is closed to new replies.