centre background image (2 posts)

  1. extremerecruitment
    Posted 3 years ago #

    my website is http://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

  2. peredur
    Posted 3 years ago #

    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="http://www.jobsincycling.com/wp-content/themes/CricketJobs/images/homebg.png" class="img-small">



Topic Closed

This topic has been closed to new replies.

About this Topic