Support » Themes and Templates » (CSS) Header Image Size

  • Resolved montag


    Another (possibly dumb) newbie question..
    I am using a background image in my header. When using a fixed px size, the image gets cropped (at lower res.) or looks too small (at higher res.) If I use ’em’ to size the image it still gets cropped (at lower res.) but “tiles” (at higher res.)
    Is there a way to make the image size change based on the reader’s resolution setting? If so, can I tie the size of the header anchor text to the image size so they look the same relative to each other at different resolutions?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sorry, this is not a response but I was wondering how exactly you got the image to display in the first place?

    I changed the header values in my .css to

    #header {
    background: transparent;
    background-image: url (;
    border: none;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
    letter-spacing: 0.2em;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: rgb(102,176,209);
    top: 8px;
    left: 35px;
    width: 20em;
    z-index: 5;

    Is something I needed to change? What else do I need to change and how to make the image a different size?

    Mark (podz)


    Support Maven

    montag – fix the size of the blog by wrapping it in another container.

    Somewhere to start could be here:

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘(CSS) Header Image Size’ is closed to new replies.