# Edit Sign-in Screen with CSS

**URL:** https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344
**Category:** Ask for Help
**Created:** [May 14, 2024, 5:27am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344 "2024-05-14T05:27:01Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Alvaro\_Souza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alvaro_souza/32/51490_2.png) [@Alvaro\_Souza](https://community.glideapps.com/u/Alvaro_Souza)
#### Post date: [May 14, 2024, 5:27am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/1 "2024-05-14T05:27:01Z")

</div>

Hi,

is there a way for editing the sign in screen with css to change the type of page that the users see?

For example instead of being the text-box in the middle, change that to one side (left or right) and editing the background with css to add more style to it.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [May 14, 2024, 6:16am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/2 "2024-05-14T06:16:28Z")

</div>

I haven’t tested it on devices yet.

```auto
[aria-labelledby="sign-in-description"]{
margin-left:20px;
display: flex;
justify-content: flex-start;
}

```

---

<div class="post-metadata">

### Author: ![Alvaro\_Souza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alvaro_souza/32/51490_2.png) [@Alvaro\_Souza](https://community.glideapps.com/u/Alvaro_Souza)
#### Post date: [May 14, 2024, 7:06am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/3 "2024-05-14T07:06:46Z")

</div>

it doesn’t work.

i tried with .main-sign-in{} too

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [May 14, 2024, 7:21am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/4 "2024-05-14T07:21:46Z")

</div>

In mine, it works.

 ![Screenshot 2024-05-14 at 14.20.55](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/215e7c3d4b90658be8eaf46843e9f0bab1f9343e.jpeg)

---

<div class="post-metadata">

### Author: ![Alvaro\_Souza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alvaro_souza/32/51490_2.png) [@Alvaro\_Souza](https://community.glideapps.com/u/Alvaro_Souza)
#### Post date: [May 14, 2024, 7:29am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/5 "2024-05-14T07:29:27Z")

</div>

> [@Himaladin](#):
>
> ```auto
> display: flex;
> justify-content: flex-start;
> 
> ```

you did it with Custom css or editing the html itself? because i’m trying your code and it’s not working for me.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [May 14, 2024, 7:30am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/6 "2024-05-14T07:30:40Z")

</div>

If you want to change the default style of components in Glide, this is the way.

 ![Screenshot 2024-05-14 at 14.30.23](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/7/270438a6b7255cdb59925931758978ff44d95fea.png)

---

<div class="post-metadata">

### Author: ![Alvaro\_Souza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alvaro_souza/32/51490_2.png) [@Alvaro\_Souza](https://community.glideapps.com/u/Alvaro_Souza)
#### Post date: [May 14, 2024, 7:33am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/7 "2024-05-14T07:33:13Z")

</div>

i did it! thank you!

---

<div class="post-metadata">

### Author: ![LVaurie](https://avatars.discourse-cdn.com/v4/letter/l/c67d28/32.png) [@LVaurie](https://community.glideapps.com/u/LVaurie)
#### Post date: [May 14, 2024, 8:03am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/8 "2024-05-14T08:03:37Z")

</div>

How do you change the CSS in Glide? Is it linked to a specific subscription plan?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [May 14, 2024, 9:36am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/9 "2024-05-14T09:36:33Z")

</div>

It’s Business/Enterprise for legacy plans, and on all paid plans for the latest pricing. What plan are you on?

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [May 21, 2024, 9:36am UTC](https://community.glideapps.com/t/edit-sign-in-screen-with-css/73344/10 "2024-05-21T09:36:45Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
