Title: Background image with gradient
Last modified: March 13, 2020

---

# Background image with gradient

 *  [engelsit](https://wordpress.org/support/users/engelsit/)
 * (@engelsit)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/background-image-with-gradient/)
 * Hi. Can i do something like this?
 * [http://www.kortokofe.ru/](http://www.kortokofe.ru/)
 * Background image fills the page and go with gradient to selected color? Thank
   you.

Viewing 1 replies (of 1 total)

 *  [Jarret](https://wordpress.org/support/users/jarretc/)
 * (@jarretc)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/background-image-with-gradient/#post-12547414)
 * You could with some custom CSS, you’d just need a URL for your image and then
   the hex code for the color you want to use. The custom CSS would look something
   like this
 *     ```
       body {
       	background: url(../img/bg-2.jpg) no-repeat top center #000000;
       }
       ```
   
 * You would just replace the image URL with your own image, then adjust the #000000;
   value to whatever color the gradient transitions into. May take a bit of adjusting
   depending upon your site but that should give you a start. If you need more assistance
   with it, please post a link to your site, the image you’d like to use and the
   hex code for the color you’d like.

Viewing 1 replies (of 1 total)

The topic ‘Background image with gradient’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/deli/2.0.15/screenshot.png)
 * Deli
 * [Support Threads](https://wordpress.org/support/theme/deli/)
 * [Active Topics](https://wordpress.org/support/theme/deli/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/deli/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/deli/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Jarret](https://wordpress.org/support/users/jarretc/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/background-image-with-gradient/#post-12547414)
 * Status: not resolved