# Built in css editor not working as expected

**URL:** <https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150>\
**Category:** How do I?\
**Created:** [February 21, 2024, 2:28am UTC](https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150 "2024-02-21T02:28:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![liam\_putra](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/liam_putra/32/1057_2.png) [@liam\_putra](https://community.weweb.io/u/liam_putra)\
**Post date:** [February 21, 2024, 2:28am UTC](https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150/1 "2024-02-21T02:28:04Z")

</div>

im trying to add text gradient from the CSS panel on weweb editor but it did not work, why is that ?

here’s my css code

```auto
  font-size: 72px;
  background: -webkit-linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

```

i’ve read this thread [Color gradient in text and border?](https://community.weweb.io/t/color-gradient-in-text-and-border/4425), is this the only solution ?

 ![Screen Shot 2024-02-21 at 9.25.27 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/49fef26a76e34bdbbaa0b3ff93ebb5c6f3dd6543.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [February 21, 2024, 8:53am UTC](https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150/2 "2024-02-21T08:53:07Z")

</div>

Some properties don’t work in the Custom CSS input, you should try adding a custom class in custom code. You can add the class in the Settings tab of the element

---

<div class="post-metadata">

**Author:** ![what.gift](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/what.gift/32/8069_2.png) [@what.gift](https://community.weweb.io/u/what.gift)\
**Post date:** [October 10, 2024, 1:00pm UTC](https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150/3 "2024-10-10T13:00:13Z")

</div>

What does and doesn’t work in Custom CSS? Some guidance would be helpful in the docs.

This doesn’t for example and I don’t know why.

```auto

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
    -webkit-box-shadow: inset 0 0 0 30px white !important;
}

```

---

<div class="post-metadata">

**Author:** ![rivan\_lukas](https://avatars.discourse-cdn.com/v4/letter/r/f0a364/32.png) [@rivan\_lukas](https://community.weweb.io/u/rivan_lukas)\
**Post date:** [October 21, 2024, 2:32am UTC](https://community.weweb.io/t/built-in-css-editor-not-working-as-expected/7150/4 "2024-10-21T02:32:05Z")

</div>

Hi @liam_putra I tried your css code and it works on my end, perhaps you have white color set on your text element.

 ![Screenshot 2024-10-21 at 10.31.32](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3a28cc8eeb1a04d69dce0cbf9a5ad449976fbfe5.png)