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

    can t seem to make the image stretch horizontally and vertically like on the demo of the theme.

    What are the position, repeat, attachment serttings in the demo to reproduce the single large image stretched in the layout/styling options for the theme?

    #48128

    Hey,

    I don’t think the image is streched – it’s just an high res image: http://www.kriesi.at/themes/wp-content/plugins/avia_styleswitch/images/big_bg.jpg

    According to the demo css the settings are:

    html, body{
    background-color:#f8f8f8;
    }

    .boxed #wrap_all{
    border-color:#d6d6d6;
    }

    html, body{
    background-image:url(http://www.kriesi.at/themes/wp-content/plugins/avia_styleswitch/images/big_bg.jpg);
    }

    html, body{
    background-position:top center;
    }

    html, body{
    background-repeat:no-repeat;
    }

    html, body{
    background-attachment:fixed;
    }

    #48129

    I found out that when you upload the image you need to select the original size as the uploader will pick up a 300pixel wide version instead of the full size by default. Then in the admin drop downs you need to select Center for positioning. That s how you an reproduce the stretched large image…centered and full size

    #48130

    Just a side note but imho important: This will NOT stretch the image. It will display the image centered but it will not strech it. Only css3 offers the possibility to stretch images but most browsers don’t support the feature yet. The only way to stretch images is to use javascript or the famous div width/height 100% hack. In this example Kriesi uses a high res image of over 3000px…

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Boxed layout big image’ is closed to new replies.