How can I center text content on my blog post

Store Design
1

Hello I have been trying to center the text content on my blog post.

Blog edt.JPG
Blog edt.JPG1920×923 218 KB

1 Like
2

Hi Lawrence7!

This is PageFly - Advanced Page Builder. Please send me the preview URL or the live URL so I can inspect and give you the code according to your theme.

Best regards,
PageFly

1 Like
3

Alright thank you

https://www.tradatheaterequip.com/blogs/blog-post/what-is-your-best-movies-of-all-time-playlist

But I need the changes to reflect on all of my blog posts and not just this one alone

1 Like
4

Hey @Lawrence7

You are going to have to edit your theme’s stylesheet. I’ll walk you through it.

Go to your admin panel.

  1. Click on the Online Store link on the left menu under Sales Channels.

  2. Click on the Themes link on the left menu.

  3. Click on the white Actions drop down button on your active theme then select Edit code.

  4. You should now see a list of files and folders.

  5. Click on the Assets folder. There should be a theme.scss.liquid file. Click on that.

  6. Scroll down to the bottom of the text area that appears and copy and paste following code at the end:

    .rte div{
    text-align: center !important;
}

  7. Click on the white Save button.

Best regards,

Pagefly

1 Like
5

@Lawrence7

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-article-template .rte {
    max-width: 1024px;
    margin: 0px auto;
}
2 Likes