Making Font Size Smaller with CSS

• 

  mirandababbittt · Member · May 22, 2013 at 5:41 pm

  • Copy link
  • Add topic to favorites

  Hi there!
  So I have spent so long on the internet trying to do what should be very simple (or so I thought), and even wandered over to wordpress.org to attempt changing my entire CSS and that just didn’t go well. How do I make the mammoth-sized font smaller in the Ryu theme? I’m at http://www.littlerabbitears.com. I have downloaded the style sheet, but whenever I change it in the customizer, nothing changes! I guess I don’t know which line to choose.

  Any help much appreciated.

  Thanks,
  Miranda

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · May 28, 2013 at 3:09 pm

  • Copy link

  It looks like you’ve switched http://littlerabbitears.com/ to the Chateau theme.

  To make the base font in the Ryu theme smaller, you could start with something like this:

  body, button, input, select, textarea {
       font-size: 16px;
  }

  Any other elements that are set by the theme elsewhere would also need to be overridden using custom CSS. For example, here’s how to reset the main title sizes to make it 2 times the size of the base font size:

  .entry-title {
  	font-size: 2em;
  }