# Change image favicon, login and dashboard

**URL:** https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343
**Category:** Support
**Created:** [April 9, 2020, 7:44pm UTC](https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343 "2020-04-09T19:44:50Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![alessandro1992ma](https://avatars.discourse-cdn.com/v4/letter/a/c37758/32.png) [@alessandro1992ma](https://discourse.getcockpit.com/u/alessandro1992ma)
#### Post date: [April 9, 2020, 7:44pm UTC](https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343/1 "2020-04-09T19:44:50Z")

</div>

Hi,  
I’m new to cockpit, is it possible to edit the images of the platform?

 ![Annotazione 2020-04-09 213908](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/1X/5573662136163dbdd28d412c9476361afa87323d.png)

thanks

---

<div class="post-metadata">

### Author: ![raffaelj](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/raffaelj/32/331_2.png) [@raffaelj](https://discourse.getcockpit.com/u/raffaelj)
#### Post date: [April 10, 2020, 10:30am UTC](https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343/2 "2020-04-10T10:30:41Z")

</div>

**Change logo:**

It is a background image, so you can add your own css to overwrite it.

```css
/* change logo url */
.login-image, .app-logo {
    background-image: url("path/to/my/logo.png");
}
/* change size/position if it is no circle/square */
.app-logo {
    background-position: left center;
    width:8em;
    height:3em;
}
/* hide app name if the logo contains the app name */
.app-name {
    display: none;
}

```

If you create a file `/config/cockpit/style.css`, it will be loaded automatically.

If you want a shortcut, I wrote a small addon, that adds the css dynamically to avoid messing up paths between production and remote host:

> **[raffaelj/cockpit\_WhiteLabel](https://github.com/raffaelj/cockpit_WhiteLabel)**
>
> Set a custom logo in Cockpit CMS. Contribute to raffaelj/cockpit\_WhiteLabel development by creating an account on GitHub.

**Change favicon:**

This feature is relatively new. You can change the favicon in your `/config/bootstrap.php`

```php
if (COCKPIT_ADMIN && !COCKPIT_API_REQUEST) {
    // url to your favicon or a path shortcut, e. g.: `#uploads:...`
    $app->helper('admin')->favicon = '#uploads:2020/02/08/5e3e7c80a4923favicon.png';
}

```

**Change dashboard:**

Maybe this addon is helpful:

> **[raffaelj/cockpit\_DashboardGrid](https://github.com/raffaelj/cockpit_DashboardGrid)**
>
> Custom dashboard with grid for Cockpit CMS. Contribute to raffaelj/cockpit\_DashboardGrid development by creating an account on GitHub.

---

<div class="post-metadata">

### Author: ![Rmdhn](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/rmdhn/32/929_2.png) [@Rmdhn](https://discourse.getcockpit.com/u/Rmdhn)
#### Post date: [October 16, 2021, 2:37pm UTC](https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343/3 "2021-10-16T14:37:31Z")

</div>

ok, this will make me look like an idiot but where do i find those folders and files? i can’t find them on google, or do i just make a new directory /config/?

---

<div class="post-metadata">

### Author: ![abernh](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/abernh/32/859_2.png) [@abernh](https://discourse.getcockpit.com/u/abernh)
#### Post date: [October 16, 2021, 2:43pm UTC](https://discourse.getcockpit.com/t/change-image-favicon-login-and-dashboard/1343/4 "2021-10-16T14:43:34Z")

</div>

Exactly.  
The /config folder has to be located in your root folder.  
By default there isnt any (I guess) and you can simply create it along with the other mentioned files.