# Change size/positioning of image (like width: 50%)

**URL:** <https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444>\
**Category:** Ask for Help\
**Created:** [August 22, 2022, 11:29am UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444 "2022-08-22T11:29:08Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![GoXLd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/goxld/32/46623_2.png) [@GoXLd](https://community.glideapps.com/u/GoXLd)\
**Post date:** [August 22, 2022, 11:29am UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/1 "2022-08-22T11:29:08Z")

</div>

Hey everyone!

## Is it possible to resize the image (I need to reduce it even more)?

I searched in the community, but didn’t see the possibility of changing the positioning.

* * *

 ![2022-08-22_13-04-351](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/4/b41aada22f76aba6a7b9565222c4b3292b4e466f.jpeg)

* * *

> I would like to make the image even smaller, but I do not find tools for this task

Even when I add this topic, I can edit the size 100% 75% 50% for img

Thanks!

---

<div class="post-metadata">

**Author:** ![iamtomgray](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iamtomgray/32/47662_2.png) [@iamtomgray](https://community.glideapps.com/u/iamtomgray)\
**Post date:** [August 22, 2022, 3:12pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/2 "2022-08-22T15:12:50Z")

</div>

Hey @GoXLd, you can add more padding in the image to achieve this.

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [August 22, 2022, 3:22pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/3 "2022-08-22T15:22:29Z")

</div>

hello I don’t know if this solution helps but what I do is that I use a photo editor I make the image with the size I want to obtain then I upload it and use 1:1 so that the image is as it is as I did in the photo editor Photos

---

<div class="post-metadata">

**Author:** ![GoXLd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/goxld/32/46623_2.png) [@GoXLd](https://community.glideapps.com/u/GoXLd)\
**Post date:** [August 22, 2022, 4:02pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/4 "2022-08-22T16:02:23Z")

</div>

@iamtomgray @DillanMartinez Thanks for the answers, I understand that I need to change the image. Glideapp doesn’t have tools to change the image. Just I hoped that I wouldn’t have to manually change all the images

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [August 22, 2022, 4:19pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/5 "2022-08-22T16:19:34Z")

</div>

Another way to do it is using css let me check if it works and I send you the code.

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [August 22, 2022, 4:25pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/6 "2022-08-22T16:25:43Z")

</div>

you can use this code:

1. Create rich text
2. Attach the following code to the rich text
3. You can play with the number 100px to achieve the desired result

```auto
<pre><span><style> 
/* Image */
.scroller{
 border-width:100px;
 border-color:#ffffff;
}

let me know if this solved your problem.
```

---

<div class="post-metadata">

**Author:** ![GoXLd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/goxld/32/46623_2.png) [@GoXLd](https://community.glideapps.com/u/GoXLd)\
**Post date:** [August 22, 2022, 6:02pm UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/7 "2022-08-22T18:02:46Z")

</div>

Thank you a lot! It works just little bit changed

```auto
<pre><span><style> 
/* Image */
.scroller{
 border-width: 2rem 6rem;
 border-color: #000000;
}

```

For another users 👾  
If in the parameters, **Image height** : 1:1 then you can leave the proportions of the border 1:1  
line `border-width: 1em;`  
If the proportions are 3:1, then you need to maintain the proportions of the borders 1:3 (logically 🤐)

```auto
/* largeur verticale puis horizontale */
border-width: 1em 3em;

```

---

<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:** [August 23, 2022, 12:54am UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/8 "2022-08-23T00:54:33Z")

</div>

Good idea to use em/rem instead of px. I believe it’s better for responsiveness when viewing from different devices.

---

<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:** [August 24, 2022, 12:54am UTC](https://community.glideapps.com/t/change-size-positioning-of-image-like-width-50/47444/9 "2022-08-24T00:54:53Z")

</div>

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