# Introducing: Gradients in Section Background **URL:** \ **Category:** Be in the know\ **Tags:** news, design, wix-studio\ **Created:** [June 8, 2022, 8:45am UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538 "2022-06-08T08:45:45Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![adih](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/adih/32/7222_2.png) [@adih](https://forum.wixstudio.com/u/adih)\ **Post date:** [June 8, 2022, 8:45am UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/1 "2022-06-08T08:45:45Z")
We are excited to share with you - you can now add Gradients as a Background for sections, and create unique visuals: **1. Linear Gradients-** With the ability to add up to 8 colors and control the Gradient’s angle ![](https://us1.discourse-cdn.com/wix/original/3X/e/6/e6da88b53db391115bdd86291193f4c3c5758974.jpeg) **2. Radial Gradients-** With the ability to add up to 8 colors and control the Gradient’s Focal point ![](https://us1.discourse-cdn.com/wix/original/3X/c/7/c73b553f6858c83169bc957b6773ea36bb138242.jpeg) **3. New WOW feature: Fluid Gradients-** create _Mesh-like_ visuals with unlimited color spots. ![](https://us1.discourse-cdn.com/wix/original/3X/5/5/55aa4d5c8bdcec71e47cb1bc713ebfcea32551cc.jpeg) **Gradients also can be applied to the Background of videos and Images:** ![](https://us1.discourse-cdn.com/wix/original/3X/6/d/6d49623c96441ebeb9a4c31c136b13131488b579.jpeg) Re-use your Gradient design on other sections (same site) by clicking on the **+Add** button next to the My Gradients/ My Fluid Gradients. ![](https://us1.discourse-cdn.com/wix/original/3X/0/d/0d513fc9196dd2b7bbc6a9a52a232c5bcb3109b5.png) _ **How to add Gradients?** _ Open Editor X \> Add/ choose a section \> Open the design panel in the inspector \> Make sure the toggle is on\> Click on ‘color’ \> Choose one of the 2 Gradients tab\> Play around 🙂 **Drop us a line here and share your feedback.** Adi on behalf of the entire WOW team. ---
**Author:** ![wmsagent](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wmsagent/32/24063_2.png) [@wmsagent](https://forum.wixstudio.com/u/wmsagent)\ **Post date:** [June 8, 2022, 12:23pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/2 "2022-06-08T12:23:29Z")
And here it is folks, the one we’ve all been waiting for! _redesigns homepages_ ---
**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\ **Post date:** [June 8, 2022, 2:07pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/3 "2022-06-08T14:07:35Z")
LOVE IT! Keep up the good work. Super excited to see gradients expanded for all colour stylable elements! ---
**Author:** ![jaiden](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/jaiden/32/26158_2.png) [@jaiden](https://forum.wixstudio.com/u/jaiden)\ **Post date:** [June 8, 2022, 4:16pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/4 "2022-06-08T16:16:21Z")
Amazing! +1 to seeing this come to other elements such as shapes, items, containers, etc ---
**Author:** ![keith93516](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/keith93516/32/27532_2.png) [@keith93516](https://forum.wixstudio.com/u/keith93516)\ **Post date:** [June 8, 2022, 5:09pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/5 "2022-06-08T17:09:26Z")
Fantastic! Love it… ---
**Author:** ![devon51968](https://avatars.discourse-cdn.com/v4/letter/d/b19c9b/32.png) [@devon51968](https://forum.wixstudio.com/u/devon51968)\ **Post date:** [June 8, 2022, 6:18pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/6 "2022-06-08T18:18:06Z")
Great… What about animated gradients tho? Because if I cant animate it then I might aswell keep using the manual css code method instead ---
**Author:** ![wmsagent](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wmsagent/32/24063_2.png) [@wmsagent](https://forum.wixstudio.com/u/wmsagent)\ **Post date:** [June 8, 2022, 8:00pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/7 "2022-06-08T20:00:40Z")
Well, I’d say use the code method in any case where you want the animation, because you’ll probably have kuch more granular control that way than if they implemented that level of animation…not to mention that may take a while to implement as I’m almost sure they’re working on some sort of animation update. ---
**Author:** ![rajadaher](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/rajadaher/32/26093_2.png) [@rajadaher](https://forum.wixstudio.com/u/rajadaher)\ **Post date:** [June 9, 2022, 6:42am UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/8 "2022-06-09T06:42:30Z")
Best comment 🙂 ---
**Author:** ![chris-rolf](https://avatars.discourse-cdn.com/v4/letter/c/eada6e/32.png) [@chris-rolf](https://forum.wixstudio.com/u/chris-rolf)\ **Post date:** [June 9, 2022, 1:13pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/9 "2022-06-09T13:13:32Z")
Can’t this be applied to container backgrounds?? ---
**Author:** ![chris-rolf](https://avatars.discourse-cdn.com/v4/letter/c/eada6e/32.png) [@chris-rolf](https://forum.wixstudio.com/u/chris-rolf)\ **Post date:** [June 9, 2022, 1:14pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/10 "2022-06-09T13:14:35Z")
Hey Devon, would you mind sharing that method? ---
**Author:** ![wmsagent](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wmsagent/32/24063_2.png) [@wmsagent](https://forum.wixstudio.com/u/wmsagent)\ **Post date:** [June 9, 2022, 1:23pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/11 "2022-06-09T13:23:27Z")
@chris They made a video doing just that. See it here [How to create animated gradient in Editor X | Editor X Tutorials - YouTube](https://youtu.be/njdIl8O4SMs) ---
**Author:** ![ddesignyinfo](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/ddesignyinfo/32/28628_2.png) [@ddesignyinfo](https://forum.wixstudio.com/u/ddesignyinfo)\ **Post date:** [June 9, 2022, 3:08pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/12 "2022-06-09T15:08:56Z")
Perfect😎 ---
**Author:** ![onlinesanawad](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/onlinesanawad/32/28941_2.png) [@onlinesanawad](https://forum.wixstudio.com/u/onlinesanawad)\ **Post date:** [June 10, 2022, 4:58am UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/13 "2022-06-10T04:58:57Z")
That’s a great feature. Long awaited. Is it not available for containers…right!! ---
**Author:** ![AndrewT](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/andrewt/32/32103_2.png) [@AndrewT](https://forum.wixstudio.com/u/AndrewT)\ **Post date:** [June 10, 2022, 12:38pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/14 "2022-06-10T12:38:45Z")
love this one, and we have even more feature to come this summer 🌞 ---
**Author:** ![davemotionpicture](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/davemotionpicture/32/34048_2.png) [@davemotionpicture](https://forum.wixstudio.com/u/davemotionpicture)\ **Post date:** [July 12, 2022, 4:14pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/15 "2022-07-12T16:14:05Z")
this feature its not show on my editor x account ??? ---
**Author:** ![AndrewT](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/andrewt/32/32103_2.png) [@AndrewT](https://forum.wixstudio.com/u/AndrewT)\ **Post date:** [July 14, 2022, 5:29am UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/16 "2022-07-14T05:29:46Z")
hello, @davemotionpicture could you share with us a screenshot from the inspector panel on colors open from your side? Along with this, plese share with us the site link, we will check how it looks from your side ---
**Author:** ![Rob](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/rob/32/84134_2.png) [@Rob](https://forum.wixstudio.com/u/Rob)\ **Post date:** [July 14, 2022, 4:08pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/17 "2022-07-14T16:08:11Z")
Also make sure you have the Media and Pattern selected when you have the section selected. Without that, you can only set the color. Then click color. [https://us1.discourse-cdn.com/wix/original/2X/f/f7522a0acc2f713c04def5c5525580147cbb1dea.mp4](https://us1.discourse-cdn.com/wix/original/2X/f/f7522a0acc2f713c04def5c5525580147cbb1dea.mp4) ---
**Author:** ![Rob](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/rob/32/84134_2.png) [@Rob](https://forum.wixstudio.com/u/Rob)\ **Post date:** [July 14, 2022, 4:08pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/18 "2022-07-14T16:08:34Z")
Not yet but first step to get this added on other elements. ---
**Author:** ![Rob](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/rob/32/84134_2.png) [@Rob](https://forum.wixstudio.com/u/Rob)\ **Post date:** [July 14, 2022, 4:08pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/19 "2022-07-14T16:08:53Z")
Will probably be a next step after this. ---
**Author:** ![hulseyn1](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/hulseyn1/32/7744_2.png) [@hulseyn1](https://forum.wixstudio.com/u/hulseyn1)\ **Post date:** [July 18, 2022, 1:49pm UTC](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538/20 "2022-07-18T13:49:43Z")
Big fan already. Thank you!!! [Next page](https://forum.wixstudio.com/t/introducing-gradients-in-section-background/49538.md?page=2)