# Panel CSS not working

**URL:** <https://forum.getkirby.com/t/panel-css-not-working/12557>\
**Category:** Questions\
**Tags:** v2\
**Created:** [January 29, 2019, 10:09pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557 "2019-01-29T22:09:10Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 29, 2019, 10:09pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/1 "2019-01-29T22:09:10Z")

</div>

I can’t use a custom css on the panel. I don’t know exactly why. I put the following code in my config.php

```
c::set('panel.stylesheet', 'assets/css/panel.css');

```

and placed a css with some edits in assets/css/panel.css, I also tried to put it in panel/assets/css/panel.css but nothing happens to the login form.

What is wrong?

---

<div class="post-metadata">

**Author:** ![sylvainjule](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sylvainjule/32/4338_2.png) [@sylvainjule](https://forum.getkirby.com/u/sylvainjule)\
**Post date:** [January 29, 2019, 10:13pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/2 "2019-01-29T22:13:43Z")

</div>

Could be a cache issue ?

If you open the devtools of your browser: do you see the stylesheet added in the `<head>` tag?

---

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 29, 2019, 10:23pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/3 "2019-01-29T22:23:53Z")

</div>

No ☹  
there is just the standard panel.min.css with the version number behind it and the absolute path to it (which is located inside the panel folder)

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 29, 2019, 10:43pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/4 "2019-01-29T22:43:12Z")

</div>

> [@dwd0tcom](#):
>
> c::set(‘panel.stylesheet’, ‘assets/css/panel.css’);

Your custom stylesheet does **not** go into the `/panel` folder. Make sure that your filename and the path to the file are really correct.

---

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 30, 2019, 9:12am UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/5 "2019-01-30T09:12:43Z")

</div>

I got my css already inside the normal assets folder under css but the stylesheet won’t load

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 30, 2019, 10:03am UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/6 "2019-01-30T10:03:45Z")

</div>

Hm, what is your Kirby version?

---

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 30, 2019, 2:49pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/7 "2019-01-30T14:49:07Z")

</div>

Where do I find the version?

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 30, 2019, 2:52pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/8 "2019-01-30T14:52:26Z")

</div>

You can put

```auto
<?= $kirby->version() ?>

```

e.g in a template.

Or do a file search for “version” in your editor of choice, it’s somewhere in the `/kirby/kirby.php` file.

---

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 30, 2019, 3:32pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/9 "2019-01-30T15:32:12Z")

</div>

Alright, it’s 2.5.12 🙂

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 30, 2019, 3:44pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/10 "2019-01-30T15:44:37Z")

</div>

Ok, then that’s up to date. Running out of ideas, because it usually works without any issues.

Could you test in your environment with a fresh Starterkit?

If you have any plugins installed, maybe something is interfering…

---

<div class="post-metadata">

**Author:** ![dwd0tcom](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/dwd0tcom/32/6131_2.png) [@dwd0tcom](https://forum.getkirby.com/u/dwd0tcom)\
**Post date:** [January 30, 2019, 3:57pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/11 "2019-01-30T15:57:05Z")

</div>

Ok, I’ve found the issue.  
It’s the kirby-analytics-dashboard plugin. It adds some script to the panel. When I disable the plugin, everything works. How can I manage to get both to work? 😂

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 30, 2019, 6:07pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/12 "2019-01-30T18:07:24Z")

</div>

Hm, sorry, I’m not familiar with that plugin. Please try to contact the plugin developer.

---

<div class="post-metadata">

**Author:** ![sylvainjule](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sylvainjule/32/4338_2.png) [@sylvainjule](https://forum.getkirby.com/u/sylvainjule)\
**Post date:** [January 30, 2019, 6:38pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/13 "2019-01-30T18:38:15Z")

</div>

This is because the plugin is overriding the `panel.stylesheet` option [here](https://github.com/gearsdigital/kirby-analytics-dashboard/blob/ac10505a5d4961f0169d0703c7ca3997a92c5ffd/kirby-analytics-dashboard.php#L25-L28).

It was probably made that way because in K2 you couldn’t load CSS in the panel from anything but a field. So, a solution would be to:

- Keep this code but merge the option instead of replacing it completely

Or

- Inline the widget styling (probably the best solution)
- Import those stylesheets in your own panel CSS

Then get rid of the lines highlighted above

---

<div class="post-metadata">

**Author:** ![distantnative](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/distantnative/32/11319_2.png) [@distantnative](https://forum.getkirby.com/u/distantnative)\
**Post date:** [February 6, 2025, 5:22pm UTC](https://forum.getkirby.com/t/panel-css-not-working/12557/14 "2025-02-06T17:22:50Z")

</div>


