# Re purpose CSS code

**URL:** https://meta.discourse.org/t/re-purpose-css-code/159545
**Category:** Support
**Created:** [August 1, 2020, 6:53pm UTC](https://meta.discourse.org/t/re-purpose-css-code/159545 "2020-08-01T18:53:19Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![tristenturner101](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tristenturner101/32/167489_2.png) [@tristenturner101](https://meta.discourse.org/u/tristenturner101)
#### Post date: [August 1, 2020, 6:53pm UTC](https://meta.discourse.org/t/re-purpose-css-code/159545/1 "2020-08-01T18:53:19Z")

</div>

Hello, how can to change this CSS to also work with the sign up page

````css
.login-modal.in .modal-inner-container {
    background: url(imageurlhere);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
}```
````

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [August 1, 2020, 10:50pm UTC](https://meta.discourse.org/t/re-purpose-css-code/159545/2 "2020-08-01T22:50:32Z")

</div>

This should work.

```css
.login-modal.in, .create-account {
    .modal-inner-container {
        background: url(imageurlhere);
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fff;
    }
}

```

You can inspect the HTML code of your page with your browsers dev tools (F12, Elements tab) to see which element should be targetted.

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/e/eee79f4c4764c9d158a925476ed40226fd2332fa.png)