Change header size and font colour

  • Author
    Posts
  • #144452

    leonazombie

    Hi, I would like to make my header image height smaller, about half of what it is right now. I found a code to do this but it didn’t work right as the site name was at the bottom of the header image. I want the site name to be exactly in the middle of the header image, both vertically and horizontally, I realise I’ll have to tweak the height until it looks right. I also want to be able to change the colour of the header font. Could I please have the CSS codes I need to make these changes? Many thanks in advance! Leona 😀

    The blog I need help with is a-zofskulls.com.

    #144454

    lelandf
    Theme Author

    Hi Leona,

    Here you go:

    body .site-header {
    	min-height: 0;
    }
    
    body .site-branding {
    	margin-top: 0;
    	padding: 60px 0; /* The greater the number (i.e. 70 instead of 60), the taller the header */
    }
    
    .site-description {
    	margin-bottom: 0;
    }
    
    body .site-header a {
      color: #ec2c23; /* Use any CSS color value here */
    }

    Does this help? Let me know if you have any questions.

    Best regards,
    Leland

    #144508

    leonazombie

    That works perfectly! Thanks for your help Leland :)

    #144532

    lelandf
    Theme Author

    Awesome! I’ll mark this topic as resolved. Feel free to open a new one if you have any other questions and I’ll take a look!

    -Leland

The topic ‘Change header size and font colour’ is closed to new replies.