# Cards look a bit werd after KanboardCSS

**URL:** https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587
**Category:** Plugins
**Created:** [January 7, 2026, 8:55am UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587 "2026-01-07T08:55:09Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![SecCon](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/seccon/32/2186_2.png) [@SecCon](https://kanboard.discourse.group/u/SecCon)
#### Post date: [January 7, 2026, 8:55am UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/1 "2026-01-07T08:55:09Z")

</div>

Hi,

> - Application version: **1.2.40**
> 
> - PHP version: **8.3.6**
> 
> - PHP SAPI: **fpm-fcgi**
> 
> - HTTP Client: **cURL**
> 
> - OS version: **Linux 6.8.0-90-generic**
> 
> - Database driver: **mysql**
> 
> - Database version: **8.0.44-0ubuntu0.24.04.2**
> 
> - Browser: **Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36**

I installed KanboardCSS and FontSwitcher, but I wonder what controls the layout of the Cards since they are just looking weird. Can that be modified for a different look, I would like the Card color to span the entire length and width of the card.

Not as in the image.

 ![image](https://global.discourse-cdn.com/free1/uploads/kanboard1/original/2X/f/fabe716c79060f3e67b5e01946344fb6fbff3b6b.png)

One Card has color Beige and the other Green but does not show.

//OH, I see now I am not running latest, despite a recent installation. Will have to correct that.

---

<div class="post-metadata">

### Author: ![alfredb](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/alfredb/32/1051_2.png) [@alfredb](https://kanboard.discourse.group/u/alfredb)
#### Post date: [January 7, 2026, 10:20am UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/2 "2026-01-07T10:20:24Z")

</div>

Sorry, I know it’s not helpful, but you’re not alone.

> [@Task Colors in Board View](https://kanboard.discourse.group/t/task-colors-in-board-view/3583/4):
>
> Never used it; I cannot help. But be careful with using unmaintained plugins on actual Kanboard versions.

---

<div class="post-metadata">

### Author: ![SecCon](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/seccon/32/2186_2.png) [@SecCon](https://kanboard.discourse.group/u/SecCon)
#### Post date: [January 7, 2026, 11:23am UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/3 "2026-01-07T11:23:22Z")

</div>

Ah well.

Upgraded to \*.49 in any case and removed the style plugins.

I am well aware of risks with plugins, running a backup and checking things as I test.

Will have to review the CSS and maybe make my own using the CSS override functionality.

---

<div class="post-metadata">

### Author: ![SecCon](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/seccon/32/2186_2.png) [@SecCon](https://kanboard.discourse.group/u/SecCon)
#### Post date: [January 7, 2026, 12:27pm UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/4 "2026-01-07T12:27:54Z")

</div>

Messing about a bit

> **[Kanboard Style Guide - Custom CSS Override](https://kan.conram.it/assets/css.html)**

---

<div class="post-metadata">

### Author: ![SecCon](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/seccon/32/2186_2.png) [@SecCon](https://kanboard.discourse.group/u/SecCon)
#### Post date: [January 8, 2026, 1:16pm UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/5 "2026-01-08T13:16:28Z")

</div>

My CSS has been updated after some troubleshooting locating some CSS classes.

Card Colors have been corrected.

> **[Kanboard Style Guide - Custom CSS Override](https://kan.conram.it/assets/css.html)**

---

<div class="post-metadata">

### Author: ![SecCon](https://yyz2.discourse-cdn.com/free1/user_avatar/kanboard.discourse.group/seccon/32/2186_2.png) [@SecCon](https://kanboard.discourse.group/u/SecCon)
#### Post date: [January 9, 2026, 12:02pm UTC](https://kanboard.discourse.group/t/cards-look-a-bit-werd-after-kanboardcss/3587/6 "2026-01-09T12:02:24Z")

</div>

Messing with a Dark as well, loosely based on Nebula

> **[GitHub - kenlog/Nebula: Modern theme for kanboard + syntax highlighting...](https://github.com/kenlog/Nebula)**
>
> Modern theme for kanboard + syntax highlighting for Markdown code :dash:

It will only be CSS though, I am not copying or remaking that theme and doubt I would make a whole “theme” with what goes with it.
