Make title bigger

  • Author
    Posts
  • #133568

    bonyborg
    Member

    Hi,

    is it possible to make the title bigger?

    thanks

    Bo

    The blog I need help with is bonyborg.com.

    #133579

    nudgedesign
    Theme Author

    Hi there,

    Yes, it is with some CSS. Which part of the site would like to modify the title? The front page or the post pages?

    Thanks for clarifying!

    Sonia

    #133682

    bonyborg
    Member

    Hi,

    the title on the front page.

    Bo

    #133821

    nudgedesign
    Theme Author

    To change the size of the fonts you can use the following snippet. I’ve put in what is the current default, so you can play with the numbers until you find what works for you. Be sure to leave the “px” right after the number. Copy and paste this into the Customize > CSS panel.

    /* For screens smaller than 1024px such as tablets and phones*/
    @media screen and (max-width: 1023px){
    	.entry-title {
    	    font-size: 32px; 
            }
    }
    /* For screens bigger than 1024px */
    @media screen and (min-width: 1023px){
    	.entry-title {
    	    font-size: 36px;
            }
    }

    Let me know if that helps.

    Sonia

    #133870

    bonyborg
    Member

    Hi,

    what I meant was not the post title, but the blog title on the homepage. The name of the blog. Sorry for not being precise enough.

    Bo

    #134022

    nudgedesign
    Theme Author

    Sure! You can use the following snippet:

    .site-branding .site-title {
    	font-size: 30px;
    }

    Again, 30px is the current font-size. Simply change that around to what best suits you and make sure to add it in after any other CSS you might have in the Customize > CSS panel.

    #134029

    bonyborg
    Member

    Great! Thanks :)

The topic ‘Make title bigger’ is closed to new replies.