centre background image help wnated

  • Resolved extremerecruitment

    (@extremerecruitment)


    12 years, 8 months ago

    my site is https://www.yachtingjobs.com
    someone created this simple wordpress theme for me.
    i want to have the bg image in the exact middle/centre of the page on both the vertical and horizontal.
    at the moment it sits on the bottom.
    can anyone tell me how to do this?
    thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • This is the piece of code you want to edit in your style.css

    .bg-image{
	background: url("images/grass-bg.png") repeat-x scroll 0 bottom transparent;

	bottom: 0px;

	height: 550px;

	position: fixed;
    width: 100%;
    z-index: -1;
 }

    I did a quick test and setting bottom: 0px; to bottom: 300px; does the trick and centres it nicely.

    Note: you might want to get rid of that repeat-x and set it to no-repeat to avoid the image repeating itself in higher resolutions.

    EDIT: If you want to move the image up a bit more, simply add to the 300px (e.g make it 330px) and if you want to move it down, simply take away from the 300px (e.g 290px)

    Thread Starter extremerecruitment

    (@extremerecruitment)

    luk, thanks.. got it done.. appreciate your help…

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