# What CSS do you use to adapt the Fibery interface?

**URL:** <https://community.fibery.io/t/what-css-do-you-use-to-adapt-the-fibery-interface/5421>\
**Category:** Get Help\
**Created:** [November 17, 2023, 4:20pm UTC](https://community.fibery.io/t/what-css-do-you-use-to-adapt-the-fibery-interface/5421 "2023-11-17T16:20:29Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\
**Post date:** [November 20, 2023, 8:12pm UTC](https://community.fibery.io/t/what-css-do-you-use-to-adapt-the-fibery-interface/5421/9 "2023-11-20T20:12:00Z")

</div>

# Full background color coding (calendar cards)

```auto
.c12jeug2 {
    width: 100%;
    opacity: 1;
}

.t8g2uh7.title-wrapper.card_container,
.t1mu84wd {
    z-index: 1;
}

```

**Before:**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/5/53e1b274898870f7fbfbc24adcbe95be4b405c69.png)

**After:**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/1/18e4a4f58d1d91041991e35b3cd82e9cb2653011.png)

---

_[View the full topic](https://community.fibery.io/t/what-css-do-you-use-to-adapt-the-fibery-interface/5421)._