Change header size and font colour

  • Author
  • #144452


    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


    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,



    That works perfectly! Thanks for your help Leland :)


    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!


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