Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

cloudnclear | 06/13/12 at 12:10pm Edit

(3) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

• 
  Last edited:
  06/13/12
  12:18pm
  Ross Wilson says:

  I would make an image type with the maximum width of 1600px and make sure the images are in jpg format. Add something like this to your functions.php
  

  add_image_size( 'background', 1600, 9999 );

  
  
  Then when you get your image to be displayed in the background make sure you request the 'background' size.
• 
  Last edited:
  06/13/12
  1:03pm
  Jatin Soni says:

  use this to your image container class o id in your stylesheet file
  
  

  background-size: cover;

  
  
  this will fits your images according to the screen size. Make sure your container should have fluid width and should fits with the device width. For that you can use
  
  

  width:100%

  
  
  If you are loading images with <img> tag than you can use below code
  
  

  width:100%;
  
  height:100%;

  
  
  but in both case either with background-size or image with the container should have fluid with and height to fits with the device screen. If you are assigning directly to the body throng css than first will works fine.

  Previous versions of this answer: 06/13/12 at 1:03pm

  • 06/13/12 1:30pm
    
    cloudnclear says:

    Thanks for answering.
    I didn't get where exactly to insert this line?
    background-size: cover;
    
    Sharon

  • 06/13/12 1:45pm
    
    Jatin Soni says:

    Actually I checked your site but the javascreept doesn't allow to properly diagnose but as what I see I believe that you are using <img> tag to call image and width and height may be defining through javascript or something dynamically.
    
    So probably background-size:cover won't work in this case but you may need to modify the code where its defining the width and height. or try to override inline styling with below code (add in style.css)
    

    
    
    div.quality img[style] {
    
      width:100%;
    
      height:100%;
    
    }

    
    
    You need to try I am not sure it will work or not. Or you may need to modify slider code itself.
    

• 
  Last edited:
  06/13/12
  1:40pm
  Daniel Yoen says:

  try this tutorial :
  
  http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/
  
  hope this help. :)

This question has expired.

Gabriel Reguly, Arnav Joy, cloudnclear voted on this question.

Current status of this question: Completed

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.