How to Make a Wordpress Gradient Background

1. Go to the 'wp-admin' directory of your website and log in to the Wordpress dashboard. Navigate to 'Appearance' and click the 'Editor' link. Click the link to 'header.php' under the 'Templates' heading to load the HTML file containing your website's body tag.
2. Look for a div with an ID of 'container' directly below the body tag in your 'header.php' file. If you do not find one, add one. Here is what it should look like:
Save the file by clicking the blue 'Update File' button. If you added a div, load 'footer.php' in the editor and add '
' directly above '
' to close the div.

3. Load 'style.css' in the editor. Add this code to the very bottom of the file:#container {background-color: #038394;background-image: linear-gradient(top, #038394, #00CCCC);background-image: -webkit-linear-gradient(top, #038394, #00CCCC);background-image: -moz-linear-gradient(top, #038394, #00CCCC);}The above code sets a fallback for browsers that do not support gradients. Setting 'background-image' to 'linear-gradient' creates the gradient background. At the least, you need to set a direction for the gradient to start at and then two colors that fade into each other. Add that line of code again two times, adding the Webkit and Mozilla prefixes for Chrome, Safari and Firefox browsers.
4. Click the blue 'Update File' button to save your 'style.css' file. Your gradient background now appears on every page of your Wordpress website.