Need to align image and content in line for blog article

Store Design
1

Hi,

I have the below blog article posted but its not properly aligned.

Blog article: https://eideal.com/blogs/latest/the-ultimate-guide-to-hair-treatment-products-with-eideal

The image and content needs to be aligned.

2

Hey @dv18 ,
I would love to help out but I’m not sure what you are trying to achieve, so if you could ellaborate a little more and maybe provide an example from another website it will be great.
Sincerely,
Lior from Studio Enchant

3

Hi Lior,

Please find reference blog article whose article alignment I am trying to achieve:

https://tradewarehouse.co.uk/blogs/velux-guides/how-to-clean-velux-windows

Let me know if you need anything else from my end.

4

Hi @dv18 ,

Please go to Actions > Edit code > Assets > section-blog-post.css file and paste this at the bottom of the file:

.custom-article-padding {
    max-width: 980px;
    margin: auto;
}
.article-template__hero-large {
    height: auto;
}
5

No code editing is needed. Just add to “Custom CSS” setting of the theme this:

.custom-article-padding > * {
  max-width: 990px;
  margin: auto;
}

You can change the number to your liking.