Problem with Fonts in theme Harmonic

• 

  worldisacircus · Member · Jan 29, 2015 at 10:45 am

  • Copy link
  • Add topic to favorites

  Hey, I have a question regarding the changing the font in the Harmonic theme.

  I would like my site title (the world is a circus) in bigger and bolder letters. But when I change the Fonts through the customizer, it effects both my site title and the titles of my posts.

  Is there a solution where I can make my site title bigger and keep my post titles smaller?

  I’m pretty new to all of this, so a big thank you!

  my site: http://theworldisacircus.com

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

• 

  kathrynwp · Staff · Jan 29, 2015 at 10:59 pm

  • Copy link

  You can target your site title’s size with some custom CSS like this:

  #site-branding .site-title {
       font-size: 200%;
  }

  You might want to check that on various screen sizes to make sure it’s not too big on smaller screens. If it is, you can wrap it in a media query to restrict the change to large screens only.

  You can learn more about using media queries that target certain screen sizes here:

  http://en.support.wordpress.com/custom-design/custom-css-media-queries/
  http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
  http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

  Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  If CSS is new to you, here are some resources for learning more about it:

  • CSS Basics
  • Editing CSS
• 

  worldisacircus · Member · Jan 30, 2015 at 4:16 pm

  • Copy link

  Thank you so much Kathryn! You are indeed a happiness engineer :)
  I’m glad it could be solved so easy!

• 

  kathrynwp · Staff · Jan 30, 2015 at 4:30 pm

  • Copy link

  My pleasure!

• 

  worldisacircus · Member · Jan 30, 2015 at 5:27 pm

  • Copy link

  I looked some stuff up and managed to change the size of my menu as well. yay :)

  But what I can’t find is how to change the size of the information on the left of each article (the date, tags, ..). I would prefer that smaller. Or is it possible to just delete those tags on my pages?

  thanks!

• 

  kathrynwp · Staff · Jan 30, 2015 at 6:28 pm

  • Copy link

  You can do either. :-) This would make that text smaller:

  article .entry-meta, .tags-links a  {
   font-size: 80% !important;
  }

  If you have other CSS questions in the future, please post in the CSS Customization forum – thanks!

  https://en.forums.wordpress.com/forum/css-customization

• 

  worldisacircus · Member · Jan 30, 2015 at 6:52 pm

  • Copy link

  I used your code and it works, but not for the tags. The date, ‘leave a comment’, ‘asia, india’ and ‘edit’ are indeed smaller, but the tags stay the same size.

  Thanks for the link to the CSS forum, i will use that a lot i think :)

• 

  worldisacircus · Member · Jan 30, 2015 at 6:53 pm

  • Copy link

  ah no, i’m wrong! it works!

  thanks :)

• 

  kathrynwp · Staff · Jan 30, 2015 at 6:53 pm

  • Copy link

  Great!