Title: Gradient Header with Angle
Last modified: November 19, 2018

---

# Gradient Header with Angle

 *  Resolved [vanessagold](https://wordpress.org/support/users/vanessagold/)
 * (@vanessagold)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/)
 * Hello,
 * I found a gradient header code on this forum which was so helpful! But I am wondering
   if there is any way I can change the angle of the gradient to 120°
 * Top: #EE357C
    Bottom: #7C2A89 Angle: 120°
 * Thanks!
 * Vanessa

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

 *  Plugin Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10896640)
 * Hello, I recommend you to use a tool like this: [http://www.colorzilla.com/gradient-editor/](http://www.colorzilla.com/gradient-editor/)
 *  Thread Starter [vanessagold](https://wordpress.org/support/users/vanessagold/)
 * (@vanessagold)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10897751)
 * Thank you!
 *  Plugin Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10898397)
 * You’re welcome 🙂
 *  Thread Starter [vanessagold](https://wordpress.org/support/users/vanessagold/)
 * (@vanessagold)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10908930)
 * Hi [@oceanwp](https://wordpress.org/support/users/oceanwp/)!
 * I was able to change the header thank you!! But now I want a gradient in my footer!
 * I was trying to use this code and it isn’t working:
 * .postid-4206 .example-custom-footer {
    background-image: -webkit-gradient(linear,
   left top,left bottom,color-stop(0,#797355),color-stop(1,#E8CFAE)); background-
   image: -o-linear-gradient(bottom,#797355 0%,#E8CFAE 100%); background-image: -
   moz-linear-gradient(bottom,#797355 0%,#E8CFAE 100%); background-image: -webkit-
   linear-gradient(bottom,#797355 0%,#E8CFAE 100%); background-image: -ms-linear-
   gradient(bottom,#797355 0%,#E8CFAE 100%); background-image: linear-gradient(to
   bottom,#797355 0%,#E8CFAE 100%); }
 * Do you have one you can recommend?
 *  Plugin Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10909627)
 * Hello, I think that the CSS selector is not good, try this one “#footer”.

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

The topic ‘Gradient Header with Angle’ is closed to new replies.

 * ![](https://ps.w.org/ocean-extra/assets/icon.svg?rev=2814940)
 * [Ocean Extra](https://wordpress.org/plugins/ocean-extra/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ocean-extra/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ocean-extra/)
 * [Active Topics](https://wordpress.org/support/plugin/ocean-extra/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ocean-extra/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ocean-extra/reviews/)

## Tags

 * [footer](https://wordpress.org/support/topic-tag/footer/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 5 replies
 * 2 participants
 * Last reply from: [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/gradient-header-with-angle/#post-10909627)
 * Status: resolved