Customizing Block Quotes Twenty Thirteen Theme

  • Author
    Posts
  • #1633159

    sarahmfrench
    Member

    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.

    #1633266

    hfzrhmn
    Member

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

    #1633382

    sarahmfrench
    Member

    Thank you!!

The topic ‘Customizing Block Quotes Twenty Thirteen Theme’ is closed to new replies.