Title: Header background gradient
Last modified: December 7, 2018

---

# Header background gradient

 *  [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/header-background-gradient/)
 * Does anyone have example of CSS to implement CSS Gradient color for header background?
 * Thank you

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

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/header-background-gradient/#post-10961418)
 * Hello,
 * Please follow the tutorial here – [Gradient Color](https://www.w3schools.com/css/css3_gradients.asp)
 * See the below example –
 *     ```
       header#site-header {
           background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(0, 137, 255));
       }
       ```
   
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/header-background-gradient/#post-10985053)
 * Thanks.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/header-background-gradient/#post-10987484)
 * You’re welcome!

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

The topic ‘Header background gradient’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/header-background-gradient/#post-10987484)
 * Status: not resolved