Title: background cover
Last modified: August 22, 2016

---

# background cover

 *  Resolved [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/)
 * hi.
    thx for a great theme can you help me with the css custum fix to make the
   backgruond image cover the whole screen.
 * i found a thread stating that for header and footer ist:
    .headerclass, .footerclass{
   background-size:cover;}
 * but what do i write for the main background. the body so to speak.

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

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341387)
 * A link with your request would help to know if I am understanding what you mean,
   but try this:
 * `body {background-size:cover !important;}`
 * else if you are using the contentclass it would be this:
 * `.contentclass {background-size:cover !important;}`
 *  Thread Starter [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341457)
 * unfortunately non of the suggestions works.
    i’ve got the site running in beta
   on a home server on this adresse: [http://109.56.30.184/wordpress](http://109.56.30.184/wordpress)
 * i’d like the background picture to cover the whole page instead of being repeated
   like is is now.
 *  Thread Starter [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341476)
 * i’ve thought a little more about it. actually what i think i want, is for the
   background to be “static” and still to be streatched and cover the whole page.
   when i scroll the page i only want the “page” to scroll and not the background
   as i t is “static”.
    i hope my explanation makes sence.
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341497)
 * I’m not seeing any site on your address above?
 * When you added your background image in the theme options > advanced settings.
   Which place did you add it to? contentclass? body?
 * Kadence Themes
 *  Thread Starter [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341498)
 * found out that my firewall is messing it up. sorry.
    the background is in body.
   see the settings here: [https://dl.dropboxusercontent.com/u/4258542/Sk%C3%A6rmbillede%202014-09-30%20kl.%2019.44.01.png](https://dl.dropboxusercontent.com/u/4258542/Sk%C3%A6rmbillede%202014-09-30%20kl.%2019.44.01.png)
 * found out that i can choose ‘fixed’ i virtue, så that fixed that problem. would
   still like the background image to adapt to the screen size though.
 * you can see a screendump here:[https://dl.dropboxusercontent.com/u/4258542/Sk%C3%A6rmbillede%202014-09-30%20kl.%2019.42.50.png](https://dl.dropboxusercontent.com/u/4258542/Sk%C3%A6rmbillede%202014-09-30%20kl.%2019.42.50.png)
 * on the screendump you can see that the image is just repeated in both x and y
   directions.
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341499)
 * Select repeat none and center the image.
    Then add this css: body {background-
   size:cover !important;}
 * to the custom css box in the theme options > advanced settings.
 * Kadence Themes
 *  Thread Starter [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341500)
 * it works! 😀
    Thank you so much!
 *  Thread Starter [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * (@abnielsen)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341502)
 * forgot to mark resolved..

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

The topic ‘background cover’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [fullscreen](https://wordpress.org/support/topic-tag/fullscreen/)

 * 8 replies
 * 2 participants
 * Last reply from: [abnielsen](https://wordpress.org/support/users/abnielsen/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/background-cover/#post-5341502)
 * Status: resolved