# How to center an image on the page

**URL:** <https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050>\
**Category:** Ask for Help\
**Created:** [March 12, 2023, 4:35am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050 "2023-03-12T04:35:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nathan\_p](https://avatars.discourse-cdn.com/v4/letter/n/cab0a1/32.png) [@nathan\_p](https://community.glideapps.com/u/nathan_p)\
**Post date:** [March 12, 2023, 4:35am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/1 "2023-03-12T04:35:55Z")

</div>

Having trouble with this simple thing. How do I center this box image on my page? I don’t see an option in the image settings.

 ![box image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/e/7e7db4b0fec09b0785a795138caf53d97f548216.jpeg)

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [March 12, 2023, 5:04am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/2 "2023-03-12T05:04:52Z")

</div>

There currently is no native way. Try using a 3 column container and putting the image in #2. But i guess that works only center it on Desktop, not Mobile

---

<div class="post-metadata">

**Author:** ![nathan\_p](https://avatars.discourse-cdn.com/v4/letter/n/cab0a1/32.png) [@nathan\_p](https://community.glideapps.com/u/nathan_p)\
**Post date:** [March 12, 2023, 5:09am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/3 "2023-03-12T05:09:10Z")

</div>

Is there a way to do it via custom css? I’m on the free plan.

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [March 12, 2023, 5:25am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/4 "2023-03-12T05:25:48Z")

</div>

CSS only exist on Business and Enterprise plans

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [March 12, 2023, 2:05pm UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/5 "2023-03-12T14:05:29Z")

</div>

You can use this in a Rich Text component:

```
<center><img src="https://imageurl.png" height="100" width="400"></center>

```

Adjust the width and height to suit your needs. I believe the Glide team has plans to give more design options for images, so I’m sure we’ll see the native ability to center images at some point, but this should work for now.

---

<div class="post-metadata">

**Author:** ![anneliese](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/anneliese/32/57113_2.png) [@anneliese](https://community.glideapps.com/u/anneliese)\
**Post date:** [April 5, 2023, 10:34am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/6 "2023-04-05T10:34:34Z")

</div>

![Paris]()

then apply css  
.center {  
display: block;  
margin-left: auto;  
margin-right: auto;  
width: 50%;  
}

---

<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:** [April 6, 2023, 1:48am UTC](https://community.glideapps.com/t/how-to-center-an-image-on-the-page/59050/7 "2023-04-06T01:48:46Z")

</div>

As Joe noted above.

> [@Joe\_Gabriele](#):
>
> CSS only exist on Business and Enterprise plans

Inline styling/HTML works, per Kyle’s solution.