Where to replace default elements?

1. To change the background on the home page in the theme DW Page Metro, you can open the style.css file. line 274

<code>
.section.header {
background: url(“img/keyboard.jpg”) no-repeat right top #0d0d0b;
}
</code>
please change the title your images here: “keyboard.jpg”
Notice: You need to copy and paste your image in the folder “img” with the folder path “\wp-content\themes\dw-page-metro\img”

2. If you want to change background in the “About” section, you can log in to Dashboard > Appearance > Editor > open the style.css > add the following code:

<code>
/**Web & UI Design/
.introducing .block:first-child .section-img {
background-color: #…;
}

/**Corporate Design /
.introducing .block:first-child + .block .section-img {
background-color: #…;
}

/**iOS Development /
.introducing .block:first-child + .block + .block .section-img {
background-color: #…;
}
</code>

You can choose the color here:
http://www.w3schools.com/html/html_colornames.asp

3. Regarding your question about DW Page Metro, our first intention to sell this theme as well as other subthemes on Creative Market is to test the market and see if we can make a good sales or not. Thanks for asking anyway.
Hope this helps !
Regards,
Dominic