I need help with adding a background color and image

[jere_toikka]

I have used the customizer > layout and design -area to add a background color to a page. https://kitaratunnitturku.com/ota-yhteytta/?customize_changeset_uuid=9b705bd6-fd5a-4ead-b800-0dabd8196048

Despite doing that, there is no background color or image to be seen as you can see in the link. I would like to know:

1. Where do I add the background image so that it applies to the theme for the whole site.
2. Where do I add the background color so that it applies to the theme for the whole site.
3. How do I add a fade or gradient to the background color. I want it to fade to white.

[friech]

Hi Jere,

Thank you for writing in, 1) You can add an image background sitewide under Theme Options > Layout and Design > Background Image

2. You can add an image background sitewide under Theme Options > Layout and Design > Background Color

But in Ethos stack there is a white background on the main container, so you need to remove or make that background a transparent so we can see the background-image through it. To do that, please add this to Theme Options > CSS

.x-ethos .x-container.main:before {
	 background-color: transparent;
}

3. You need to do this with a custom CSS, please see the following links.

Chrome browser Developer Toolbar
CSS Crash Course For Absolute Beginners
CSS Gradients
CSS Gradients Generator

Cheers!