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

[GoXLd]

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.

---

---

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!

[iamtomgray]

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

[DillanMartinez]

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

[GoXLd]

@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

[DillanMartinez]

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

[DillanMartinez]

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

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

let me know if this solved your problem.

[GoXLd]

Thank you a lot! It works just little bit changed

<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 )

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

[ThinhDinh]

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