Help Changing a background in a template

Truely awful file presentation for a template. Anyway I'll tell you where to look - in your 'styles' folder in the site folder there is a css file named main.css. In the main.css file is a css selector named header.s-header, see below (if you can find it - keep scrolling and looking). The idiot that produced this template looks to have included the complete Bootstrap css junk in the main template css file, just to make life hard work for you.

header.s-header {

        position: relative;

        background: url(../images/background/header_background.jpg) fixed;

        background-position: 30% 855px

    }

}

@media screen and (max-width:992px) {

    .slider {

        display: none

    }

    header {

        position: relative;

        background: url(../images/background/header_background.jpg) fixed;

        background-position: 21% 650px;

        background-size: cover

    }

}

Your best best when changing template css styles, which have been presented this badly, is to attached your own linked custom css stylesheet AFTER any of the default css stylesheets and change the css properties in that.

So you would create a css stylesheet named 'custom.css' and save it in the 'styles' folder then link it to the page:

<link rel="stylesheet" href="styles/custom.css">

Then in that styesheet insert the below css selector and change the name of the image from the default name to the name of the image you want to use.

header.s-header {

background: url(../images/background/my_own_bg_image.jpg) fixed;

}

OR simpler:

You could open the default 'header_background.jpg' image, which is to be found in the 'images/background' folder in your favourite photo editing software, use its dimenisons as the guide and produce your own then re-save it as 'header_background.jpg' into the same folder, effectively over-writting the default image.

Good luck.