Header image not centering

  • Resolved casins

    (@casins)


    10 years, 10 months ago

    Hello!

    I cannot seem to get my header image to center on https://www.sailor-moon.org. I have tried a few suggestions based on responses from other threads, but nothing yet. I’m sure it is simple but I can’t figure it out!

    Thank you to any future help, it is very much appreciated!

    Casi

Viewing 3 replies - 1 through 3 (of 3 total)

  • Casins

    In your theme style (style.css) probably around line 233 you’ve got styled #header div. Setting background properties to “center top” is absolutely ok and it in fact does work – the background image is centered!

    Yet, hence that the entire #header is not centered. It’s of fixed width (982px) and it naturally flows to the left.

    The solution:

    Add margin: 0 auto; to the #header style in the style.css file and the entire header will be properly centered.

    Thread Starter casins

    (@casins)

    Oh, wonderful! That worked beautifully!

    Thank you so very much, Adam!

    Your welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header image not centering’ is closed to new replies.