Customizing Block Quotes Twenty Thirteen Theme

• 

  sarahmfrench · Member · Feb 1, 2014 at 5:43 pm

  • Copy link
  • Add topic to favorites

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

• 

  hfzrhmn · Member · Feb 2, 2014 at 11:28 pm

  • Copy link

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

• 

  sarahmfrench · Member · Feb 22, 2014 at 5:04 pm

  • Copy link

  Thank you!!