How to left-align images in a blog posts

Hello !

Each of my blog posts is made up of an image (which is not a featured image but an image added by the image block) and text.

My text is aligned to the left and the only option I've found in the image DESIGN settings is to stretch the image, but this doesn't produce the desired effect of aligning the image to the left like the text.

Is it possible, with some CSS ?, to align all the images added to my posts to the left?

Thanks a lot for your precious help !

Can you share link to this blog post? We can check easier

Yes thank you ! As the blog is private, the url was sent by private message.

15 hours ago, PurpleFox said:

Is it possible, with some CSS ?, to align all the images added to my posts to the left?

@PurpleFox This is normal with blog pages because they use something called LayoutEngine (now known as the "Classic" editor) instead of Fluid Engine.

On these pages, the Image Block will use all the available width and will be centred if the image dimensions are smaller than the available space.

There are two ways to left-align images. You can either:

• add a Spacer Block to the right of an Image Block to shrink it to the left, or
• add this to Custom CSS:

/************************************** 
Left align blog post image blocks
**************************************/
.blog-item-wrapper .sqs-block-image .design-layout-inline .intrinsic {
  margin-left: 0;
}

Did this help? Please give feedback by clicking an icon below  ⬇️