Stop background image from centering

  • Resolved ePhys

    (@ephys)


    11 years, 2 months ago

    Hi,

    I’m trying to add a background image that “locks” on to the center and the site’s design elements. It works fine except when I shrink my browser window to smaller than the width of the site. When I do that, the background image “moves” as it looks like it is continually re-centering. I’ve played around with the CSS attributes quite a bit with no luck.

Viewing 3 replies - 16 through 18 (of 18 total)

  • You could edit your CSS selector so it targets an individual page based on its ID. For example, for your homepage instead of using the #page selector you could use .page-id-325:

    .page-id-325 {
background: url(../images/granny3.png)center;
width: 1020px;
margin: auto;
padding: 0px 75px 0px 75px;
}
    Thread Starter ePhys

    (@ephys)

    Would I still be able to place a unique image inside the “page” div of each page if I took that route?

    Yes, each page has an individual page ID, which is linked to in inside each “page” div. So you are able to target each page individually using CSS and, yes, you should therefore be able to place a unique image inside the “page” div for each page. ??

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Stop background image from centering’ is closed to new replies.