Prestige theme - center align content block - blog posts

Hi there, I am trying to center align the blog posts section using prestige theme.

No matter what I try there is something blocking that from happening.

We are using the Blog Posts section in Prestige on the home page.

Have tried editing blog-posts-liquid and theme.css but no matter what I do I can’t get it to center. it needs to be constrained with (max width set and working) then the block centered in the section.

Any idea how to get around this? putting anyything in blog-posts-liquid has no effect, so where would the section be called in from?

Thanks alot.

Maybe instead of editing theme.css try to edit the styles of the blog post itself (in the content area of the blog section of Shopify backend). You can click the <> button to reveal the raw html of the blog post and hopefully add some css there. Maybe wrap the whole post in a new

and style that div to have a max width and center justified content.

Hi @DCAIO ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.Article__Content {
    text-align: center;
}

I hope it would help you
Best regards,

Richard | PageFly

Center text I can do center block is challenging.

for some reason it would not let me upload an image ealier. here is the blog posts block / section that is left aligned that I would like to center.

Hi @DCAIO ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.