Header Font Size

Home Forums Automattic Vagabond Header Font Size

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #163733 Resolve


    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

    Sarah B.

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


    Sarah B.

    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.



    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.


    Kathryn P.
    Happiness Engineer

    You can put CSS in media query to target specific screen sizes You can learn more about that here:


    Media Queries for Standard Devices


    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!

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

You must be logged in to reply to this topic.