Support » Fixing WordPress » Background moves when I resize my browser. Solution?

  • Hey guys,

    Just to preface: I’m relatively new to WordPress, but I’ve searched for this solution and cannot find anything that works.

    The website is: http://www.ginidube.com.

    Here’s the problem:

    If I take the arrow at the bottom right of my browser window and resize it, my background image shifts to the left while my content stays in place. Also, in general, my content is a little too far to the right and it’s not aligned with my background image.

    1. How do I make it so that the background stays in place with the content/doesn’t shift to the left when I’m resizing my browser window?

    2. How can I align the content with my background image?

    body {
    background: url(images/body-bg.jpg) no-repeat top center;
    background-color:#a72326;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0;
    padding: 0;
    text-align: normal;
    color: #000000;

    If anyone could help me out, I’d greatly appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator cubecolour

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    Try replacing

    background: url(images/body-bg.jpg) no-repeat top center;
    background-color:#a72326;

    with

    background: #a72326 url(images/body-bg.jpg) no-repeat 104px top;

    You, sir, are a genius……

    Ah, thank you very much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background moves when I resize my browser. Solution?’ is closed to new replies.