Background Image Size

HomePage › Forums › Evolutive2 › Background Image Size

Tagged: , ,

This topic contains 3 replies, has 3 voices, and was last updated by  Tipografo 10 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 21, 2012 at 1:34 pm #8367

    marciatraca
    Member

    Olá!

    There’s anyway i can put a background image with a fixed size?
    The image that i want for my background is not a solid color, so anytime i resize my window or even in a diferent display resolution she gets distorted! There’s anyway i can avoid this distortion?

    Thanks

    April 21, 2012 at 2:28 pm #8371

    Tipografo
    Key Master

    hi Marciatraca,

    the LTE background image feature by default stretches the bgimage to fit browser resolution, however if you want it to be a default size you should use LTE Advanced Mode.
    Try using the following snippet:

    body.lte.lte-advanced{background: transparent url(url to image) no repeat top left;}
.lte.lte-advanced #header,
.lte.lte-advanced #content{background: transparent!important;}

    and use a properly resized image as bg image,
    let me know if this helped.

    July 2, 2012 at 3:28 pm #9326

    dblom
    Member

    Hello, did that thing work for you? I cant get the background image to stay fixed. Please help!

    Thank you

    July 2, 2012 at 5:57 pm #9332

    Tipografo
    Key Master

    hi dblom,

    in order to add a fixed background image please remove your actual LTE global background image and use the following code in your advanced editor:

    .lte.lte-advanced #header,
.lte.lte-advanced #content{background: transparent;}
body.lte.lte-advanced{background: transparent  url(your bg image url);}

    please note that you’ll have to provide a wide enough image or use a repeated pattern.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.