# Customise Sign-up form design

**URL:** https://meta.discourse.org/t/customise-sign-up-form-design/149884
**Category:** Support
**Created:** [April 30, 2020, 11:02am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884 "2020-04-30T11:02:09Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [April 30, 2020, 11:02am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884/1 "2020-04-30T11:02:09Z")

</div>

Hey everyone!

I have been hunting high and low for some topic on this, I can’t find anything so please redirect me to any appropriate resource if it exists.

I am using the standard sign-up form that comes with Discourse, however, I can’t seem to figure a way of changing the design. I’m totally happy with the content fields, it’s just the look I’m bothered about.

Essentially, I want to make the background one of our brand colours and maybe even include a PNG of one of the avatars we use in our community.

Something like this (done in Photoshop):

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

If anyone can give me a push with this, that’d be great!

Thanks in advance 🙂

---

<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: [April 30, 2020, 11:16am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884/2 "2020-04-30T11:16:26Z")

</div>

You can change the background by adding CSS. Admin → Customize, select your theme or create a new the component → edit HTML/CSS → CSS tab.

If you want to modify the HTML code, you need to override the signup modal template. More info here: [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648/1)

Depending of where you want to add your image, I think all your modifications can be done via CSS only.

---

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [May 1, 2020, 8:36am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884/3 "2020-05-01T08:36:52Z")

</div>

Thanks for your response 🙂

I’m a bit of a **noob** so will have to play in my sandbox to find the best solution for me 🙂

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 22, 2024, 12:20am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884/4 "2024-06-22T00:20:01Z")

</div>



---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 22, 2024, 10:16am UTC](https://meta.discourse.org/t/customise-sign-up-form-design/149884/5 "2024-06-22T10:16:28Z")

</div>