# Login Screen - Background Image instead of Background Color

**URL:** <https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 17, 2024, 7:56pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999 "2024-04-17T19:56:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [April 17, 2024, 7:56pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/1 "2024-04-17T19:56:41Z")

</div>

Hi,

is there a way to put image in the background on the left side of the log in screen instead of a background color?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/be3dda82ddc5325fa064b7a02ebc09db0f312b4d.png)

Thanks

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 17, 2024, 8:53pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/2 "2024-04-17T20:53:55Z")

</div>

Are you aware of the co-branding configuration?

> **[Perspective Co-Branding | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/perspective-co-branding)**
>
> Perspective Co-Branding is a Gateway setting that allows users to customize the look their Perspective Sessions with logos, pictures, and colors. Various aspects of Perspective can be customized, such as the login screen, the desktop icon, and more. ...

---

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [April 17, 2024, 9:06pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/3 "2024-04-17T21:06:12Z")

</div>

Yes. Thats how I have grey color in the background of Login. However, there is no option to add background image.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 17, 2024, 9:37pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/4 "2024-04-17T21:37:41Z")

</div>

The co-branding options are deliberately limited. IA want their logo / branding to be apparent.

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [April 18, 2024, 5:32am UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/5 "2024-04-18T05:32:07Z")

</div>

CSS Styling works for me

```auto
.login-header span::after {
    content: url('https://graymattersystems.com/wp-content/uploads/2020/10/GrayMatter-Systems-white.png');
    display: block;
}

```

 ![css image injection](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/6/f66a06a3e0472f281c55088fd24ec94d05de8dc6.png)

---

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [April 18, 2024, 1:30pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/6 "2024-04-18T13:30:45Z")

</div>

wow! this is great!. Do you put it inside project Advaced Stylesheet?

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [April 18, 2024, 1:34pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/7 "2024-04-18T13:34:04Z")

</div>

Yes.  
Injected a pseudo-element.

---

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [April 18, 2024, 2:55pm UTC](https://forum.inductiveautomation.com/t/login-screen-background-image-instead-of-background-color/88999/8 "2024-04-18T14:55:05Z")

</div>

can we do anything to the image on the right? its blank