Custom CSS on Kanban Column colors

Custom Coding
1

Hi everyone,

I’m trying to customize the background color of my Kanban columns. Has anyone successfully forced a background color on the new Kanban columns recently?

Thanks for your help!

2

Hey @Bapt,

The custom code has been updates now to work with the new version. You will find it in the doc > Custom Code Events and Style Selectors – Softr Help Docs

You will need to change the numbers

const colorMap = {
            '1': {
                'background': '#1E8700'
                },
            '2': {
                'background': '#F6CF2D'
                },
            '3': {
                'background': '#EC1212'
                },
        };

to the actual column names
Example:

const colorMap = {
            'COLUMN_1': {
                'background': '#1E8700'
                },
            'COLUMN_2': {
                'background': '#F6CF2D'
                },
            'COLUMN_3': {
                'background': '#EC1212'
                },
        };

Hope this helps,

1 Like
3

Hi @Suzie,

Thanks for your help.
I tried to put the code in the footer section space, but it doesn’t work.
How could I find my column names ?