Background Image

8 posts from 2 voices

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

Tags:

No tags yet.

1. 

   sptzwzd
   Member

   Why can I not have a stretched background image? It has it centered behind the content if I select the blocked method. If I put it to the right or the left it is tiled. How do I get a full background image like the preview? Can you supply documentation. Using the dark theme.

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   css background images aren't streched automatically but just display the image (in it's original resolution). You can only repeat it along the x/y-axis or fix the position (when the user scrolls the image behind the text content will stay in position). Kriesi uses a very big image on the demo page (over 3100px width - that's why it appear as fullscreen image because no "standard" user will use a screen with more than 3100px resolution).

   So you can either upload a very big image or repeat the image with css. If you really like to "stretch" images you need to use javascript/jquery to calculate the right image size based on the browser viewport. I released a plugin which can dio this: http://wordpress.org/extend/plugins/wp-backgrounds-lite/

   Posted 1 year ago #
3. 

   sptzwzd
   Member

   Your plug-in and advice is incorrect. It does not allow me to adjust the resolution. Even if I load a 3200 plus px image, it gives me an automatic resolution of 1024 × 731. Regardless how big the image I load is. That is with your plug-in as well. Can I just get the coding that Kriesi uses on his demo? I do not see what the big deal is. You buy something cause it should match that of the demo. Should it not? Thank you.

   Posted 1 year ago #
4. 

   sptzwzd
   Member

   Would you like admin credentials?

   Posted 1 year ago #
5. 

   sptzwzd
   Member

   ??

   Posted 1 year ago #
6. 

   Dude
   Dude

   As I said above there's no "special code" in use. He just added a big image as background. You can send me the login data to: kriesi2000-dude@yahoo.com

   The demo code is:
   

   html, body{
   background-image:url(http://www.kriesi.at/themes/wp-content/plugins/avia_styleswitch/images/big_bg_dark.jpg);
   background-position:top center;
   background-repeat:no-repeat;
   background-attachment:fixed;
   }

   Posted 1 year ago #
7. 

   sptzwzd
   Member

   Thank you. That is just what I was looking for. Great response and service!! A+++

   Posted 1 year ago #
8. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.