centre background image

  • my website is https://www.jobsincycling.com

    i have a background image that is appearing along the bottom of the page

    i would like it to be centre of the page so its behind the black box with the content in. it will need to resize according to screen size tho
    can anyone advise what code and where to isnert this
    thanks

Viewing 1 replies (of 1 total)

  • There’s some weird stuff going on there. The ‘background image’ is not, in fact, a background image but rather a foreground image in a div that has a fixed position at the bottom of the viewport.

    If you want to make it a background image and center it in the page body, I think you would have to do something like this:

    body {
  background: url('images/homebg.png') no-repeat center center #FFFFFF;

    }`

    And you’d have to get rid of that div that is using the image as a foreground image:

    <div align="center" class="bg-image">
  <img src="https://www.jobsincycling.com/wp-content/themes/CricketJobs/images/homebg.png" class="img-small">
</div>

    HTH

    PAE

Viewing 1 replies (of 1 total)
  • The topic ‘centre background image’ is closed to new replies.