# Button Color Gradient / Image **URL:** \ **Category:** Design\ **Created:** [January 21, 2022, 11:55am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359 "2022-01-21T11:55:01Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![archeclipse](https://avatars.discourse-cdn.com/v4/letter/a/67e7ee/32.png) [@archeclipse](https://forum.adalo.com/u/archeclipse)\ **Post date:** [January 21, 2022, 11:55am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/1 "2022-01-21T11:55:01Z")
i wish to make my button to look like this. is it possible by changing the color gradient / upload image as button? ![image_2022-01-21_185308](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/1/1001ff0eadc636ad42f86d2f47f14d2647acef13.png) ---
**Author:** ![charleshope](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/charleshope/32/25088_2.png) [@charleshope](https://forum.adalo.com/u/charleshope)\ **Post date:** [January 21, 2022, 12:00pm UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/2 "2022-01-21T12:00:16Z")
You can definitely use an image as a button, and the image is the gradient colour. There’s also a component from No Code Monkey that does this: [Gradient Rectangle for Adalo | NoCode Monkey](https://www.nocodemonkey.io/components/gradient-rectangle) I hope that helps. ---
**Author:** ![mauroaluffi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mauroaluffi/32/33072_2.png) [@mauroaluffi](https://forum.adalo.com/u/mauroaluffi)\ **Post date:** [January 31, 2024, 6:33am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/3 "2024-01-31T06:33:03Z")
Link doesn’t work 🤥 ---
**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\ **Post date:** [January 31, 2024, 6:42am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/4 "2024-01-31T06:42:08Z")
Hey @mauroaluffi, You can go directly to [https://www.nocodemonkey.io/](https://www.nocodemonkey.io/) and then go to “Components” section. Also Gradient Rectangle is published in Adalo Component marketplace. Best, Victor. ---
**Author:** ![mauroaluffi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mauroaluffi/32/33072_2.png) [@mauroaluffi](https://forum.adalo.com/u/mauroaluffi)\ **Post date:** [January 31, 2024, 6:55am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/5 "2024-01-31T06:55:15Z")
Thank you! ---
**Author:** ![mauroaluffi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mauroaluffi/32/33072_2.png) [@mauroaluffi](https://forum.adalo.com/u/mauroaluffi)\ **Post date:** [January 31, 2024, 7:03am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/6 "2024-01-31T07:03:07Z")
![Screenshot 2024-01-31 alle 08.01.24](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/a/b/ab8d62f4a9d47ec60bd604f7113a775be72471bc.png) There is written “available in Adalo marketplace” but when I go to the market I do not find it. It’s a little bit confusing with all these portals. ---
**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\ **Post date:** [January 31, 2024, 7:17am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/7 "2024-01-31T07:17:18Z")
Well? 🙂 ![Screenshot 2024-01-31 at 09.16.49](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/1/a/1a0d5376a3d32cd107bc388681c2e5a86763430f.png) ---
**Author:** ![mauroaluffi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mauroaluffi/32/33072_2.png) [@mauroaluffi](https://forum.adalo.com/u/mauroaluffi)\ **Post date:** [January 31, 2024, 7:53am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/8 "2024-01-31T07:53:06Z")
I’m here: [Marketplace](https://www.adalo.com/cloneables-tags/marketplace-2) It’s is the link I found on Google. I don’t see the page you shown me 🤗 ---
**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\ **Post date:** [January 31, 2024, 7:56am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/9 "2024-01-31T07:56:50Z")
It’s in the application builder 🙂 ---
**Author:** ![mauroaluffi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mauroaluffi/32/33072_2.png) [@mauroaluffi](https://forum.adalo.com/u/mauroaluffi)\ **Post date:** [January 31, 2024, 9:41am UTC](https://forum.adalo.com/t/button-color-gradient-image/22359/10 "2024-01-31T09:41:09Z")
Thank you Victor.