Question

I have this image here I would like to have as my background image for h1 http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png

My problem is how do I get the part to the left to appear? Here is my current CSS code

.homeBottom h1 {
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png");
    color: #FFFFFF;
    height: 36px;
    margin-left: -50px;
    width: 589px;
}

I would have thought use margin-left:-50px would have worked, but it did not.

Answer 1

You specify height: 36px; but your image is 86px high. Change height to 86px and you’ll see the whole thing.

If 36px is the correct height, you can change the background position instead.

background-position: left bottom;