Help aligning blog post

[elliotmch1]

Hi

I would like to ensure my content is centred: https://tradewarehouse.co.uk/blogs/decking/how-to-clean-composite-decking.

this includes the title, the image and the main blog container text. The text should remain justified. Please could someone help?

Thanks

Elliot

[DaisyVo]

Hi @elliotmch1 

To center the content on your blog page while keeping the text justified, you can apply CSS to the container elements. Here’s how:

→ Add this CSS to your theme’s stylesheet:

/* Center the blog container */

.blog-container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: justify;

}

/* Center the title and image */

.blog-container h1,

.blog-container img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

Important: Make sure the class names match your HTML structure. This will center the title, image, and main text container while keeping the text justified.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy