Why is my Quiver background not stretching to fit screen?

Why is my Quiver background not stretching to fit screen?

Weebly can occasionally override styling codes. If this is what is happening to you, here is how to remedy this:
1) Click into “design” and into “edit html/css”
2) Click into “mai_style.css” to open the css editing page
3) Here locate this code:

.wsite-header {
background: url(‘light-header.jpg’) no-repeat;
background-position: center top;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

4) Here add !important in the background size code to prevent Weebly from overriding the background size setting like this:

.wsite-header {
background: url(‘light-header.jpg’) no-repeat;
background-position: center top;
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-attachment: fixed;
}

5) Save and re-publish your site

Tags: