Need help? Check out our Support site, then


Customizing Block Quotes Twenty Thirteen Theme

  1. I use the Twenty Thirteen Theme with the Custom Design Upgrade. I want to change the block quotes CSS so that the text isn't quite so big. I have tried my usual adjustments but it doesn't have any affect. Any ideas?

    Thanks!

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

  2. These are the various block quotes styling in Twenty Thirteen:

    // These are for general blockquotes inside posts and pages
    .entry-content blockquote {
    	font-size: 24px;
    }
    
    .entry-content blockquote cite,
    .entry-content blockquote small {
    	font-size: 16px;
    }
    
    // These are for blockquotes inside Quote post format
    .format-quote .entry-content blockquote {
    	font-size: 28px;
    }
    .format-quote blockquote small,
    .format-quote blockquote cite {
    	font-size: 16px;
    }
    
    // These stylings are for mobile and small screen devices
    @media (max-width: 643px) {
    	.format-quote blockquote,
    	.format-status .entry-content {
    		font-size: 18px;
    	}
    
    	.format-quote blockquote small,
    	.format-quote blockquote cite {
    		font-size: 13px;
    	}
    }

    The numbers used above are the default styling, so change it to your own numbers :)

  3. Thank you!!

Topic Closed

This topic has been closed to new replies.

About this Topic