Home/ Questions/Q 8496485
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T23:52:05+00:00

Currently, I’m using this bit of code to call a still image background instead

  • 0

Currently, I’m using this bit of code to call a still image background instead of the video played on the regular site:

media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
         html{
           background: url('img/background.jpg') no-repeat center center fixed !important;
           background-size: cover;
           height: 100%;
         }
}

I’d like to utilize a different image for each page, how do I go about achieving this?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you supply a different ID for the body tag of each page, you can then target each one with a different image:

    HTML:

    <body id="homepage">

<body id="about">

    etc…

    Then, within your media query, the CSS would be:

    body#homepage {
    background-image: url('img/homepageBackground.jpg');
}

body#about {
    background-image: url('img/aboutBackground.jpg');
}
    • 0