Boxed layout big image

4 posts from 2 voices

• Started 1 year ago by Monsoon
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Monsoon
   Member

   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?

   Posted 1 year ago #
2. 

   Dude
   Dude

   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;
   }

   Posted 1 year ago #
3. 

   Monsoon
   Member

   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

   Posted 1 year ago #
4. 

   Dude
   Dude

   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...

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.