Need help with my site title spacing.

  • Unknown's avatar
    gardensla · Member ·

    I’ve been rather successful as a newbie at changing a few things but can’t figure out how to center the site title on my blog. It’s at the top of the module and I’d like it smack in the center. How do I drop this down a few lines?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, this will center it on the image, but before adding this, narrow down your browser window and you will see that the title moves outside of the image as the browser window gets narrower, especially down around small tablet and phone widths. 

    #site-title {
    margin-top: 75px;
}

    With the above CSS, it still behaves similarly with the title moving out of the image. Also, as you play with browser width after adding the above CSS, you will notice that the title doesn’t stay centered. This is because we have to use a fixed value. One suggestion I would have would be to space the title down just a little bit, perhaps 20px like this 

    #site-title {
    margin-top: 20px;
}

    My top suggestion though would probably be to incorporate your title into your image, centered, and then at Appearance > Customize > Site Title deselect “Display Header Text”. Your text will then stay centered and size along with the image.

  • The topic ‘Need help with my site title spacing.’ is closed to new replies.