Title: Background image fullscreen
Last modified: August 30, 2016

---

# Background image fullscreen

 *  Resolved [seb300686](https://wordpress.org/support/users/seb300686/)
 * (@seb300686)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/background-image-fullscreen/)
 * Hello,
 * I would like to have the background image in fullscreen when I open the website
   like this similar theme : [https://fr.wordpress.org/themes/responsiveboat/](https://fr.wordpress.org/themes/responsiveboat/)
 * Thank you 🙂 Seb

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

 *  [lloydo3000](https://wordpress.org/support/users/lloydo3000/)
 * (@lloydo3000)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/background-image-fullscreen/#post-6716452)
 * This information has been repeated many times, if you’d just looked or searched
   for background you’d find the following CSS:
 *     ```
       body.custom-background {
           background-size: cover !important;
           background-position: center !important;
       }
       ```
   
 * Depending on your image, you may wish to use a different position. Here is the
   CSS documentation on background-position:
    [http://www.w3schools.com/cssref/pr_background-position.asp](http://www.w3schools.com/cssref/pr_background-position.asp)
 * If you are not using a child theme, you can add this code using a plugin for 
   custom CSS such as Jetpack or this one:
    [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/)
 * * N.B. There is a strange bug with fullscreen background images on mobile, so
   while this will work on desktops, at the moment it doesn’t work on mobile.
 *  Thread Starter [seb300686](https://wordpress.org/support/users/seb300686/)
 * (@seb300686)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/background-image-fullscreen/#post-6716462)
 * Hello,
    Thank you lloydo3000 but it doesn’t work. In my website, I don’t use 
   the 2 buttons and it reduces the display of the big title section ! I would like
   the big title section in fullscreen.
 * For information, I use a child theme.
 * Thank you 🙂 Seb
 *  [Alexandra](https://wordpress.org/support/users/alexandrastan001/)
 * (@alexandrastan001)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/background-image-fullscreen/#post-6716513)
 * Hi,
 * Unfortunately the theme doesn’t support this customization and as much as I would
   love to help with some custom code, this is beyond the support offered for the
   free products, which consist in bug fixing and theme documentation.
 * Regards,
    Alexandra
 *  [lloydo3000](https://wordpress.org/support/users/lloydo3000/)
 * (@lloydo3000)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/background-image-fullscreen/#post-6716535)
 * Hi Seb,
 * You can try the below code, make sure to test it in lots of browsers. You might
   have to alter the 36em in some cases (it is for browsers which don’t understand
   vh — 100vh means 100% of viewport height).
 * Cheers,
    Lloyd
 *     ```
       /* give section some height or 100vh if supported by browser */
       .header-content-wrap {
           background: transparent; /* optionally remove dark shading from photo */
           padding: 0 !important;
           display: table;
           height: 36em;
           height: 100vh;
           width: 100%;
       }
       /* position content vertically */
       .header-content-wrap .container {
           display: table-cell;
           vertical-align: middle;
       }
       ```
   

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

The topic ‘Background image fullscreen’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

 * [backgound](https://wordpress.org/support/topic-tag/backgound/)
 * [image](https://wordpress.org/support/topic-tag/image/)

 * 4 replies
 * 3 participants
 * Last reply from: [lloydo3000](https://wordpress.org/support/users/lloydo3000/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/background-image-fullscreen/#post-6716535)
 * Status: resolved