How to resize the background image behind the site title across pages?

  • Unknown's avatar

    Hello, I’m the editor for heatherbortfeld.com and new to WordPress. We’re trying to reduce the size of the background image that appears behind the site title. I’ve tried adjusting the image size through the Appearance settings, but that only changes how zoomed-in the image looks but it doesn’t affect its actual display size on the site across pages.

    I’m wondering if this issue is related to the theme we’re using. Any guidance on how to resize or reposition the background image would be greatly appreciated.

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

  • Unknown's avatar

    Hi there! It can indeed be a bit tricky when the background image behind your site title looks cropped or differently sized across pages, especially if your theme controls how it’s displayed.
    One easy way to adjust it is by adding a bit of CSS. You can try something like:

    .site-title { background-size: contain !important; background-position: center !important; }

    This should help the image display its full size without being zoomed-in or clipped. If that doesn’t quite do the trick, it might be worth checking if your theme has built-in image settings some themes let you control the display size or layout directly through the customizer or stylesheet.

  • The topic ‘How to resize the background image behind the site title across pages?’ is closed to new replies.