Header Font Size

Tagged: header font size

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 11, 2016 at 5:47 pm #163733 Resolve

chasingthenichols
Member

I’m trying to increase the size of the default header font but I do not see a size option. I tried pasting the css code in the editor to adjust but was not successful. Any help is greatly appreciated!
The blog I need help with is chasingthenichols.wordpress.com

March 11, 2016 at 7:26 pm #163736

Sarah B.
Member

Hi! Is there an example on your site right now of which type of text you’d like to change? If you can point me in the direction of an example, I’ll take a look and see what I can do! :)

March 18, 2016 at 3:02 pm #163751
Sarah B.
Member
Hi there! I realized you may have wanted to adjust your Site Title, so just in case here’s some CSS for that. :)

To add CSS, go into Customize > CSS, then paste this in:
```
.site-title {
	font-size: 85px;
}

.site-description {
	font-size: 40px;
}
```
Change the number to any size that works for you. (The second bit of code will adjust your tagline, in case you want to do that too.)

Hope that helps! Let me know if you have any questions.
March 21, 2016 at 2:25 pm #163756

chasingthenichols
Member

Perfect! I got it changed. One other question, to modify size and or spacing of the site title on the mobile version only.. what CSS would I use? I tried .mobile-theme, followed by .site-title… but that changes the mobile and the desktop.

March 22, 2016 at 1:42 pm #163759
Kathryn P.
Happiness Engineer
You can put CSS in media query to target specific screen sizes You can learn more about that here:

http://en.support.wordpress.com/custom-design/custom-css-media-queries/

Media Queries for Standard Devices

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

So for example, if you wanted to change the site title size on screens less than 768px, you could use something like this:
```
@media screen and (max-width: 768px) {
  h1.site-title { 
    font-size: 70px; 
  }
}
```
Adjust the values as you like.

If you need further help, could you please start a new thread? Thanks!
Author

Posts