# GRADIENT TEXT **URL:** \ **Category:** Ask the community\ **Tags:** question, code\ **Created:** [July 8, 2019, 7:01am UTC](https://forum.wixstudio.com/t/gradient-text/17541 "2019-07-08T07:01:17Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![enteraudiohouseweb](https://avatars.discourse-cdn.com/v4/letter/e/7feea3/32.png) [@enteraudiohouseweb](https://forum.wixstudio.com/u/enteraudiohouseweb)\ **Post date:** [July 8, 2019, 7:01am UTC](https://forum.wixstudio.com/t/gradient-text/17541/1 "2019-07-08T07:01:17Z")
how can I make the gradient text? ---
**Author:** ![givemeawhisky](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/givemeawhisky/32/5383_2.png) [@givemeawhisky](https://forum.wixstudio.com/u/givemeawhisky)\ **Post date:** [July 8, 2019, 1:42pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/2 "2019-07-08T13:42:20Z")
You can use the text effects already supplied in Wix Editor. [https://support.wix.com/en/article/adding-text-effects](https://support.wix.com/en/article/adding-text-effects) You could try doing it yourself through the text html option, however it probably won’t be doable with the already set HTML tags and CSS styles. Otherwise, you will either have to write your own html/css code for it or add it simply as an image that is already had the gradient effect applied to it through using photoshop, illustrator etc, etc. [https://www.w3schools.com/css/css3\_gradients.asp](https://www.w3schools.com/css/css3_gradients.asp) [https://css-tricks.com/snippets/css/gradient-text/](https://css-tricks.com/snippets/css/gradient-text/) [https://cssgradient.io/blog/css-gradient-text/](https://cssgradient.io/blog/css-gradient-text/) [https://codepen.io/leocampos/pen/pPwwNR](https://codepen.io/leocampos/pen/pPwwNR) [https://codepen.io/shshaw/pen/YpERQQ](https://codepen.io/shshaw/pen/YpERQQ) ---
**Author:** ![natali0637](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/natali0637/32/11437_2.png) [@natali0637](https://forum.wixstudio.com/u/natali0637)\ **Post date:** [July 8, 2019, 2:07pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/3 "2019-07-08T14:07:53Z")
It’s very easy as one -two-three… If you need my help please contact - [https://www.etsy.com/shop/GraphicsSt](https://www.etsy.com/shop/GraphicsSt) Create a gradient overlay in Adobe Photoshop(or Illustrator ) then add your text on a page and then add the gradient overlay above… Done !!! ![](https://us1.discourse-cdn.com/wix/original/3X/1/d/1d17549bbf5dee77069617ffa755de079c84e8e7.jpeg) ---
**Author:** ![givemeawhisky](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/givemeawhisky/32/5383_2.png) [@givemeawhisky](https://forum.wixstudio.com/u/givemeawhisky)\ **Post date:** [July 8, 2019, 3:10pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/4 "2019-07-08T15:10:46Z")
Yep easy peasy, although I think that this forum poster was hoping that it could all be done within the confines of Wix and they wouldn’t have to resort to doing it all themselves. 😉 ---
**Author:** ![natali0637](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/natali0637/32/11437_2.png) [@natali0637](https://forum.wixstudio.com/u/natali0637)\ **Post date:** [July 8, 2019, 3:14pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/5 "2019-07-08T15:14:56Z")
Hi GivemeWhisky ! Can you help me…? [https://www.wix.com/corvid/forum/community-discussion/dynamic-category-page-with-store-product-dataset?utm\_source=email\_mkt](https://www.wix.com/corvid/forum/community-discussion/dynamic-category-page-with-store-product-dataset?utm_source=email_mkt) ---
**Author:** ![J.D](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/j.d/32/7312_2.png) [@J.D](https://forum.wixstudio.com/u/J.D)\ **Post date:** [July 8, 2019, 3:40pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/6 "2019-07-08T15:40:36Z")
It can be done by “pure Wix” by using code to draw an SVG gradient text . But I don’t think it’s easier. ---
**Author:** ![givemeawhisky](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/givemeawhisky/32/5383_2.png) [@givemeawhisky](https://forum.wixstudio.com/u/givemeawhisky)\ **Post date:** [July 8, 2019, 3:59pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/7 "2019-07-08T15:59:11Z")
That is true J.D., however they would still have to learn or find out the code to do it. :+1: ---
**Author:** ![stokleygary](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/stokleygary/32/27864_2.png) [@stokleygary](https://forum.wixstudio.com/u/stokleygary)\ **Post date:** [September 24, 2021, 9:01pm UTC](https://forum.wixstudio.com/t/gradient-text/17541/8 "2021-09-24T21:01:22Z")
Thank you for this detailed gradient tutorial. It can be great to complement and improve the quality of my presentations. I often deal with this, and I try to be aware of all the possibilities so that I prepare as well as possible. And this source helps me with this [https://masterbundles.com/how-to-wrap-text-in-google-slides/](https://masterbundles.com/how-to-wrap-text-in-google-slides/) Thanks to it, I finally figured out how to wrap text in google slides.