# Image resizing in left/right alignment

**URL:** <https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666>\
**Category:** Using Ghost\
**Created:** [August 20, 2024, 9:03pm UTC](https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666 "2024-08-20T21:03:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Oleg\_Ruchovets](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/oleg_ruchovets/32/26194_2.png) [@Oleg\_Ruchovets](https://forum.ghost.org/u/Oleg_Ruchovets)\
**Post date:** [August 20, 2024, 9:03pm UTC](https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666/1 "2024-08-20T21:03:03Z")

</div>

hello,  
I have a self-hosted ghost and I am curious how I can control, and resize images from the editor for pages and posts. I didn’t find the option to align the image to the right, or left, or make it smaller.

please advise.

---

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [August 20, 2024, 11:04pm UTC](https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666/2 "2024-08-20T23:04:12Z")

</div>

You can accomplish this by adding some code to your theme and/or to code injection, then wrapping HTML card snippets around your images. See here:

> [@Why is there no wrap image in text option?](https://forum.ghost.org/t/why-is-there-no-wrap-image-in-text-option/22603/5):
>
> @redders I used to utilize HTML cards for images for a few years now in order to achieve several stylistic goals that couldn’t be done with image cards out of the box (shrink down portrait-oriented images, add borders to images with white backgrounds, etc.). But with lazy-loading being built into image cards a few months ago (which I was “jealous” of but didn’t want to go through all of my previous images to add the functionality to, never mind what might be added later) I was then indirectly le…

---

<div class="post-metadata">

**Author:** ![Oleg\_Ruchovets](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/oleg_ruchovets/32/26194_2.png) [@Oleg\_Ruchovets](https://forum.ghost.org/u/Oleg_Ruchovets)\
**Post date:** [August 21, 2024, 2:30am UTC](https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666/3 "2024-08-21T02:30:39Z")

</div>

Thanks @Stromfeldt .  
I am using Casper theme and it looks some limitation because of the grid layout. Could you suggest how to overcome it?

Thanks.

---

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [August 21, 2024, 4:13am UTC](https://forum.ghost.org/t/image-resizing-in-left-right-alignment/49666/4 "2024-08-21T04:13:36Z")

</div>

I’m not sure what you mean by “the grid layout”. I tested out the code on Casper’s demo page, and the images re-sized and floated correctly. Perhaps you mean the images were bleeding past the text area? If so, change the default size of your images from wide width to regular width, and everything should look fine. (Except for the captions. You may have to adjust the coding to take them into account.)