WordPress.org

Ready to get started?Download WordPress

Forums

Background moves when I resize my browser. Solution? (3 posts)

  1. Natalie Dang
    Member
    Posted 2 years ago #

    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.

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    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;
  3. Natalie Dang
    Member
    Posted 2 years ago #

    You, sir, are a genius......

    Ah, thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic