This is the code I have used to resize and add the background image:
‘
/* sets the background image */
body {
background: url(/wp-content/uploads/2016/01/daisy-background.jpg);
}
/* sets width of header and footer */
@media (min-width: 1200px) {
.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container, footer#footer, .sticky-disabled .tc-header, .sticky-enabled .tc-header {
width: 1170px !important;
}
.sticky-disabled .tc-header, .sticky-enabled .tc-header {
left: 50%;
transform: translate(-50%, 0);
}
footer#footer {
margin: 0 auto !important;
}
}
.row-fluid .navbar-wrapper {
float: none;
margin: 0 auto;
width: 1170px;
}
/* sets colour of main rapper to white and removes any gaps */
#main-wrapper {
background: white;
padding-top: 20px;
margin-top: 0px;
margin-bottom: 0px;
}
‘
/* sets the background image */
body {
background: url(/wp-content/uploads/2016/01/daisy-background.jpg) no-repeat center center fixed;
background-size: cover;
}
/* sets colour of main wrapper to white and removes any gaps */
#main-wrapper {
padding-top: 20px;
margin-top: 0px;
margin-bottom: 0px;
background: white;
}
You need to adjust margins/padding against the white background.
That is brilliant, thank you ever so much, had been pulling my hair out looking for that, haven’t come across the ‘background-size’ command before. Thanks again.
