# התאם אישית את פריסת עמוד ההרשמה

**URL:** https://meta.discourse.org/t/customize-signup-page-layout/58497
**Category:** Support
**Created:** [6 במרץ,‏ 2017,‏ 8:52pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497 "2017-03-06T20:52:13Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [6 במרץ,‏ 2017,‏ 8:52pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/1 "2017-03-06T20:52:13Z")

</div>

Is there a way to modify the layout of the signup page? More precisely, I would need to make the left column a good bit wider to make space for some custom field labels:

 ![](https://global.discourse-cdn.com/meta/original/3X/3/2/32fdc435d02faa3bb63908754e31ebe93c0d105c.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6 במרץ,‏ 2017,‏ 8:57pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/2 "2017-03-06T20:57:28Z")

</div>

Edit the CSS in Admin, Customize as needed

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [6 במרץ,‏ 2017,‏ 9:41pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/3 "2017-03-06T21:41:02Z")

</div>

This CSS mod seems to work:

```
.create-account .user-field label {
    width: 190px
}

.create-account .user-field .controls {
    margin-left: 200px
}

```

Mobile is a bit more tricky but at least on High Resolution screens, this seems to work without adjusting the width of the actual field/combobox:

```
.create-account .user-field label {
    width: 140px
}

.create-account .user-field .controls {
    margin-left: 140px
}

```

---

<div class="post-metadata">

### Author: ![SHilser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/shilser/32/142688_2.png) [@SHilser](https://meta.discourse.org/u/SHilser)
#### Post date: [19 בספטמבר,‏ 2019,‏ 2:51pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/4 "2019-09-19T14:51:56Z")

</div>

Hi @tophee,  
I was wondering, how you manage to have the field title in the first column and the short field + descritption in the second column?  
On my site it currently looks like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/8/581df468bab9c693d641f846fde3acbab09273dc.png)  
This just takes up unncessecary amount of space and the wide fields don’t look very nice.  
I’ve tried to play around with `display: flex`, but didn’t manage to achieve anything, my CSS skills are pretty basic so far. Any help would be appreciated.

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [19 בספטמבר,‏ 2019,‏ 10:22pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/5 "2019-09-19T22:22:38Z")

</div>

Sorry, I did this years ago and have no memory of how I did it except for what’s documented here.

I’m not sure but I can think of three explanations for the differences in my and your screenshot:

1. The default CSS has changed since 2017
2. The layout is different if you use custom user fields (like I did at the time)
3. I changed it but don’t remember that I did or how I did it.

---

<div class="post-metadata">

### Author: ![SHilser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/shilser/32/142688_2.png) [@SHilser](https://meta.discourse.org/u/SHilser)
#### Post date: [20 בספטמבר,‏ 2019,‏ 4:43pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/6 "2019-09-20T16:43:32Z")

</div>

Thanks for the quick reply, I also have custom fields included, so 2. shouldn’t be the issue. I guess the default CSS may have changed since then.  
I created a theme component and added some CSS for the desktop and managed to get it to work (after only a few hours 😅) and it looks more or less the way I want it (see screenshot).

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

I might share the code at a later point after cleaning it up and understanding which parts I actually need and how to align things properly.

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [20 בספטמבר,‏ 2019,‏ 5:21pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/7 "2019-09-20T17:21:14Z")

</div>

> [@SHilser](#):
>
> after only a few hours

You’re not alone 🙃

---

<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: [8 ביוני,‏ 2024,‏ 12:37pm UTC](https://meta.discourse.org/t/customize-signup-page-layout/58497/8 "2024-06-08T12:37:09Z")

</div>

This topic was automatically closed after 2650 days. New replies are no longer allowed.
