Change background colour

I'm trying to change my background color in this template - http://html5up.net/dopetrope
What file do I search for,and how do i change it?

Thannks

Line 1072 of the assets/css/main.css file. It also uses an image for the background. Or it may be the main_wrapper background, which is set on line 1690 of the same file.

I don't like the html5up templates. They are way too complex and use some kind of proprietary javascript controls.
[ed. note: sottwell last edited this post 11 years, 2 months ago.]

Quote from: sottwell at Jul 28, 2015, 12:43 PM

Line 1072 of the assets/css/main.css file. It also uses an image for the background. Or it may be the main_wrapper background, which is set on line 1690 of the same file.

I don't like the html5up templates. They are way too complex and use some kind of proprietary javascript controls.

Hi,thanks for your reply.
I tried changing the background color on both lines.The background color changed for the bottom half of the page,whereas the top of the page remained as it was.
Any suggestions?

Enable developer tools in your browser and inspect those parts. The inspector tool will show you where it's getting its styling from.

Quote from: sottwell at Jul 29, 2015, 12:55 PM

Enable developer tools in your browser and inspect those parts. The inspector tool will show you where it's getting its styling from.

body {
background: #ffffe3;
background-image: url("images/bg02.png");
font-family: 'Source Sans Pro';
font-weight: 300;
color: #5d5d5d;


I tried to import my own image as a background...doesn't seem to work -> background-image: url("images/randompicture.png");
What would be the solution?

Try clearing your browser cache. Sometimes background images are stuck in the browser cache.