Title: Fading background
Last modified: August 20, 2016

---

# Fading background

 *  [thomja](https://wordpress.org/support/users/thomja/)
 * (@thomja)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/fading-background/)
 * Hey
 * I have just started out with wordpress again and I am wondering how to get a 
   fading background like this site [http://www.ownedcore.com](http://www.ownedcore.com)
 * It has a background on top that then fades down to a darker color without repeating
   the image above.
 * Thanks for any help provided!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [phe.le](https://wordpress.org/support/users/phele/)
 * (@phele)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/fading-background/#post-3248479)
 * Photoshop and css will help.
 * [http://www.evolutionarydesigns.net/blog/2010/10/27/how-to-fade-an-image-into-the-background-with-adobe-photoshop-cs4/](http://www.evolutionarydesigns.net/blog/2010/10/27/how-to-fade-an-image-into-the-background-with-adobe-photoshop-cs4/)
 * [http://www.colorzilla.com/gradient-editor/](http://www.colorzilla.com/gradient-editor/)
 *  [therealkbrackson](https://wordpress.org/support/users/therealkbrackson/)
 * (@therealkbrackson)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/fading-background/#post-3248482)
 * I would position that image at the top using CSS,to manipulate CSS in wordpress
   you need to either be able to directly edit your CSS in your theme files(however,
   i would advise against this) or install a custom CSS plugin that can add a “child”
   stylesheet to your page.
 * The code to position an image at the top of a page is pretty simple:
 *     ```
       body{
       background: url(http://yourimagegoeshere.com) center top #000;
       }
       /*(this tells you to pull the image and position it at the center and top of your body) also,that digit number is a solid background color*/
       ```
   
 * If you create a “png” semi-transparent image with a fade at the bottom(google“
   layer mask fade” on how to do this) and place it in that code above it will fade
   into the solid color you select in your css.
 *  Thread Starter [thomja](https://wordpress.org/support/users/thomja/)
 * (@thomja)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/fading-background/#post-3248523)
 * Sweet thank you both. But I know how to do this in photoshop but it is the coding
   thathas me stuck
 * If I enter
 *     ```
       body{
       background: url(http://yourimagegoeshere.com) center top #000;
       }
       ```
   
 * Then I would still need another background on the bottom right?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Fading background’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [thomja](https://wordpress.org/support/users/thomja/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/fading-background/#post-3248523)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics