Support » Themes and Templates » Centering Header Image in Melville Theme

  • I am trying to center the header image in my new theme and I am not having any luck at all. If someone wouldn’t mind looking at it and giving me some idea of how to center it, I would be very grateful. Thank you!

    Dappled Things

Viewing 4 replies - 1 through 4 (of 4 total)
  • It looks like you have the Melville theme, but have replaced the default HTML text with an PNG containing graphic text and the accompanying image of the bug.

    It doesn’t appear centered because the PNG itself is wider than the layout of the theme. The content area of the theme is 650px wide but your PNG (header.png) is 806px wide (where most of the width is just white space).

    Probably the simplest thing is to re-edit the PNG (in Photoshop, or however it was built), so that it 650px wide and centered. I’d guess you want the text centered and the bug image to appear to the right, as opposed to centering all the content (which would shift the text to the left). But regardless — you need to replace the PNG with one that is 650px wide.


    Thank you so much for your prompt and helpful reply! I fixed it, but I centered the entire image as opposed to off-setting things a bit to the right so that the text would appeared centered. What do you think of it now? Do you think that it would look better with the text looking centered still? I know it makes sense to have the text centered with the bug to the side, but I don’t know how aesthetically pleasing it would be. I would appreciate you opinion. Thanks again!

    Now that I see it, I agree that it looks good as you now have it, with the whole content (text and image) centered, since the bug image integrates with the text like an inline element. Good job.

    Thank you so much! I can’t thank you enough. I am so indecisive at times and it helps to have a second set of eyes and a second opinion. 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centering Header Image in Melville Theme’ is closed to new replies.