# Only can give gradient color as background on section. When we will able to do gradient color as a background color on a container or cell card or any small part?

**URL:** <https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741>\
**Category:** Ask the community\
**Tags:** design, wix-studio, question\
**Created:** [May 2, 2024, 3:47pm UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741 "2024-05-02T15:47:32Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Masum\_Billah](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/masum_billah/32/91534_2.png) [@Masum\_Billah](https://forum.wixstudio.com/u/Masum_Billah)\
**Post date:** [May 2, 2024, 3:47pm UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/1 "2024-05-02T15:47:32Z")

</div>

**Question:**  
Only can give gradient color as background on section. When we will able to do gradient color as a background color on a container or cell card or any small part?

**Product:**  
Wix Studio Editor

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [May 2, 2024, 8:46pm UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/2 "2024-05-02T20:46:21Z")

</div>

Use can custom CSS to add a gradient to a container

2 options are available in Studio.

1. You can add this to your CSS (make it a custom class if required) and adjust your container and colours to suit

```javascript
.box {
   background: linear-gradient(360deg, #000000 0%, rgba(243,248,240,0) 100%)
} 

```

1. You can also add a gradient color to a section background and adjust it so one color is 0%

---

<div class="post-metadata">

**Author:** ![user2172](https://avatars.discourse-cdn.com/v4/letter/u/f0a364/32.png) [@user2172](https://forum.wixstudio.com/u/user2172)\
**Post date:** [May 3, 2024, 5:23am UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/3 "2024-05-03T05:23:02Z")

</div>

Hello @Masum_Billah,

As of now, the Wix Studio Editor allows you to add gradient backgrounds to certain elements like strips, columns, slideshows, repeaters, mobile menus, and lightboxes. However, it seems that the feature to apply gradient backgrounds to smaller elements such as container boxes or cell cards is not yet available.

There is a discussion in the Wix Studio Community forum where users have expressed a desire for this feature, and it appears to be a requested item on their wishlist. The current workaround suggested by users is to create a gradient in another program and apply it to the container as an image, although this is not ideal.

For the latest updates on this feature, you might want to keep an eye on the official Wix support page or the Wix Studio Community forum. If this feature becomes available, it will likely be announced there.

Best Regards,

---

<div class="post-metadata">

**Author:** ![Masum\_Billah](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/masum_billah/32/91534_2.png) [@Masum\_Billah](https://forum.wixstudio.com/u/Masum_Billah)\
**Post date:** [May 4, 2024, 4:58pm UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/4 "2024-05-04T16:58:44Z")

</div>

Where can i set the class name?

 ![Screenshot at May 04 22-58-11](https://us1.discourse-cdn.com/wix/original/3X/3/6/363715935e55e86775c71a0da19c97cd3d9914da.jpeg)

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [May 5, 2024, 1:45am UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/5 "2024-05-05T01:45:09Z")

</div>

Click on the global.css tab and you can set custom classes there

> **[Studio Editor: About CSS Editing | Help Center | Wix.com](https://support.wix.com/en/article/studio-editor-about-css-editing)**
>
> Add your own CSS code to style elements and their individual parts. CSS expands your toolbox while building sites for clients, as you can apply design options a

---

<div class="post-metadata">

**Author:** ![Masum\_Billah](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/masum_billah/32/91534_2.png) [@Masum\_Billah](https://forum.wixstudio.com/u/Masum_Billah)\
**Post date:** [May 5, 2024, 9:04am UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/7 "2024-05-05T09:04:28Z")

</div>

Thanks Sir. I got it. How to write a specific class name for an element?

---

<div class="post-metadata">

**Author:** ![Masum\_Billah](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/masum_billah/32/91534_2.png) [@Masum\_Billah](https://forum.wixstudio.com/u/Masum_Billah)\
**Post date:** [May 5, 2024, 9:27am UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/8 "2024-05-05T09:27:55Z")

</div>

It is working on all the box. How can I do only on one box?

 ![Screenshot at May 05 15-27-25](https://us1.discourse-cdn.com/wix/original/3X/2/4/24b1d036eb8ff00532f3faeca45adc370e474cd0.jpeg)

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [May 5, 2024, 9:49am UTC](https://forum.wixstudio.com/t/only-can-give-gradient-color-as-background-on-section-when-we-will-able-to-do-gradient-color-as-a-background-color-on-a-container-or-cell-card-or-any-small-part/58741/9 "2024-05-05T09:49:37Z")

</div>

The link I posted above should help you
