r00t r00t - 1 year ago 100
CSS Question

Header Image Preference to Display bottom

I'm working on some CSS for a tumblr theme and I can't get it to act how I want it exactly. The site is www.lifeofmathias.com and I want the header image to display from bottom up. Currently it's cutting off the bottom, whereas I would like it to cut off the top of the image. I didn't write this theme I found it online and edited it. Could someone please help me? Here is the header image class...

background-image:url("{image:Header Image}");
background-size: 100%;

The whole theme code is posted here: http://pastebin.com/9Qn8Y31H

Answer Source

You just want to display the bottom of the picture?

Then you just need to add background-position-y: 100%;

#headerimg {
    background-position-y: 100%;

If you want to center :

#headerimg {
    background-position-y: 50%;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download