Container Background color/header color

How do I?
#1

Hi I wonder how can I change the container’s background color and its header color? Thank you!

#2

Hello! This is currently not supported.
However, I’ve added this to our feature request list.

Thank you!

#3

I’ll tell you a secret :stuck_out_tongue_winking_eye:

We’re working on it right now :eyeglasses:

1 Like
#4

Thank you!! Just wonder how long this might take before I can use this feature, just approximately?

#5

We’re looking to ship this next week.

#6

Thats perfect thanks!!

#7

@Accurate – not sure if you saw this yet, but we shipped colored containers! You should now see a property to change the color from 3 presets (white, gray, and blue) :tada:

2 Likes
#8

Hey @alex is there any way to do customized colors for these containers?

#9

Hey @ibgoldbergs! Not yet via the unfortunately :confused:

You could do this with Custom CSS (see this post about how to add custom CSS), but this is something we might revisit as a native feature too! I’ll let you know if that changes.

#11

Here is the CSS I ended up using to alter the container headers:

<style>
  
.retool-container-title-wrapper {
    height: 40px;
    background-color: #b2dfdb;
    font-family: Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #442e44;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px 4px 0 0;

</style>
1 Like