<p>You can add a logo to the login page by uploading one to Settings → General <strong>Login Page Logo</strong>.</p>
<p>If you need further tweaking, you could use the <a href="https://plugins.craftcms.com/cp-css" rel="noreferrer">Control Panel CSS</a> plugin.</p>
<p>I wouldn't recommend modifying Craft's templates.</p>

CC BY-SA 4.0
2021-02-02T11:31:02.820Z
2021-02-02T11:31:02.820Z
Oli
<p>I solved this by adding a module that is supposed to act as a sitemodule with different functions I use over most of my projects.</p>
<p>Inside that module you register an asset bundle that ultimately adds a CSS stylesheet to the controlpanel.</p>
<p>This way you can alter the look of the loginpage without tampering with any of Crafts innards. As can be seen from the screenshot, I have hidden the title and added another background image.</p>
<p>Update: To get started, head over to <a href="https://pluginfactory.io" rel="nofollow noreferrer">pluginfactory.io</a> and enter the required fields. E.g. name it <code>Simple Site Module</code>. You don't need to select any of the lightswitches if you don't know what they do. Then hit &quot;Build my module&quot; and it will download an example module. You put that folder into &quot;modules&quot; inside your Craft 3 project. Then you add the contents from <code>config/app.php</code>(inside the new module folder) into your projects <code>config/app.php</code>.</p>
<p>Now with that module enabled (hit reload in your project to ensure you dont have any errors) you can put your custom css styles into <code>assetbundles/simplesitemodule/dist/css/SimpleSiteModule.css</code>.</p>
<p><a href="https://gist.github.com/MisterMike/e8f6cd3d8cfadb84c69c6979ca74d401" rel="nofollow noreferrer">Here is a gist</a> with what could be in that CSS file.</p>
<p><a href="https://i.sstatic.net/YRCjw.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/YRCjw.jpg" alt="example login page modified with custom css via a Craft CMS (Yii) module" /></a></p>

CC BY-SA 4.0
2022-08-17T08:08:18.527Z
This answer would be significantly more helpful if you shared the code.
InanisAtheos
CC BY-SA 4.0
2022-08-26T12:16:59.637Z
I have updated my answer @InanisAtheos. I don't think I should post the entire code of a module here, but with that information you are good to go and experiment. You can find the background image I used at this location in your project: `/vendor/craftcms/cms/src/web/assets/installer/src/images/installer-bg.png`
MisterMike
CC BY-SA 4.0
2021-02-02T12:29:41.893Z
2022-08-26T12:14:26.710Z
2022-08-26T12:14:26.710Z
MisterMike
<p>how can i modify the login html?
I specifically want to add an image below the title.</p>
<hr />
<p><a href="https://i.sstatic.net/OnojS.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/OnojS.png" alt="enter image description here" /></a></p>

<templating><control-panel><admin><login>
How to modify the login panel
# How to modify the login panel

(Asked by: username_0 on 2021-02-01)

how can i modify the login html?
I specifically want to add an image below the title.

---

[![enter image description here](https://i.sstatic.net/OnojS.png)](https://i.sstatic.net/OnojS.png)

**Tags:** templating, control-panel, admin, login

---

## 2 answers

### Answer by username_1 on 2021-02-02. Score: 5

You can add a logo to the login page by uploading one to Settings → General **Login Page Logo**.

If you need further tweaking, you could use the [Control Panel CSS](https://plugins.craftcms.com/cp-css) plugin.

I wouldn't recommend modifying Craft's templates.


---

### Answer by username_2 on 2021-02-02. Score: 4

I solved this by adding a module that is supposed to act as a sitemodule with different functions I use over most of my projects.

Inside that module you register an asset bundle that ultimately adds a CSS stylesheet to the controlpanel.

This way you can alter the look of the loginpage without tampering with any of Crafts innards. As can be seen from the screenshot, I have hidden the title and added another background image.

Update: To get started, head over to [pluginfactory.io](https://pluginfactory.io) and enter the required fields. E.g. name it `Simple Site Module`. You don't need to select any of the lightswitches if you don't know what they do. Then hit "Build my module" and it will download an example module. You put that folder into "modules" inside your Craft 3 project. Then you add the contents from `config/app.php`(inside the new module folder) into your projects `config/app.php`.

Now with that module enabled (hit reload in your project to ensure you dont have any errors) you can put your custom css styles into `assetbundles/simplesitemodule/dist/css/SimpleSiteModule.css`.

[Here is a gist](https://gist.github.com/MisterMike/e8f6cd3d8cfadb84c69c6979ca74d401) with what could be in that CSS file.

[![example login page modified with custom css via a Craft CMS (Yii) module](https://i.sstatic.net/YRCjw.jpg)](https://i.sstatic.net/YRCjw.jpg)

> **Comments:**
> **username_3**: This answer would be significantly more helpful if you shared the code.  
> **username_2**: I have updated my answer @InanisAtheos. I don't think I should post the entire code of a module here, but with that information you are good to go and experiment. You can find the background image I used at this location in your project: `/vendor/craftcms/cms/src/web/assets/installer/src/images/installer-bg.png`  

---

