Adjust size of Font in Heading

• 

  rbmonty · Member · Dec 23, 2014 at 3:02 am

  • Copy link
  • Add topic to favorites

  I want to adjust the size of the font in my heading (i.e. I don’t necessarily want to purchase a custom font – I just want to make the existing font in the heading a little larger). How do I do this?

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

• 

  staff-happychia · Staff · Dec 23, 2014 at 7:46 am

  • Copy link

  Two ways to change the size of the heading are, change the heading text size / font style OR use CSS to increase the font-size.

  Both these options require the paid custom design upgrade.

• 

  rbmonty · Member · Dec 23, 2014 at 1:58 pm

  • Copy link

  When I did a review of the paid custom design upgrade, I did not see the option to change the heading text size. I only saw the option to select different font styles (not sizes). Maybe I missed where this was located?

  If I went through with the paid upgrade, how would I use CSS to change the font size of the heading?

• 

  rbmonty · Member · Dec 23, 2014 at 1:59 pm

  • Copy link

  *I meant to say “preview” not “review” in the above paragraph…

• 

  staff-happychia · Staff · Dec 23, 2014 at 5:59 pm

  • Copy link

  Font size can be changed in the Fonts menu by adjusting the number next to Headings (0 is regular size) in the first screenshot in the Custom Fonts support document.

  
  Editing CSS support document shows where to add the custom CSS. There won’t be any option. There will be a blank CSS editor to which we can add custom styles.

  Depending on your theme, we can help you come up with actual CSS code to increase your heading font size.

  Your current header font style is:

  media="all"
  .site-title {
  color: #fff;
  font: 48px/54px ChunkFiveWeb, Georgia, serif;
  }

  This can be overridden to:

  h1.site-title {
  font-size: 60px;
  }

  We can also override the color and font.

• 

  rbmonty · Member · Dec 23, 2014 at 6:21 pm

  • Copy link

  Great, thank you for your help! Last question: if I want to make the heading and subheading on my site different font sizes, am I able to do that? (e.g. the name of my site is “Bob’s Bites” and the tagline is “Bite sized reviews of various NYC dining establishments.” Both of these “sentences” appear in the heading – am I able to adjust the size of both of these to whatever font size I’d like?).

• 

  staff-happychia · Staff · Dec 23, 2014 at 7:09 pm

  • Copy link

  Of course, yes :-)

  This is the current style of your site description:

  .site-description {
  color: #ccc;
  font: 12px/18px ChunkFiveWeb, Georgia, serif;
  padding: 10px 0 0 0;
  text-transform: uppercase;
  }

  As you can see, you can change font size, font type, font color, and the case of the text of your site’s description.

  Please feel free to ask more questions. We are glad to help here :-)