How to center my blog content?

New Member
2 0 0

See this blog example: https://tastyleaf.co/blogs/tea-101/loose-leaf-tea-101

How do I have all the content centered, but still left-justified? If that makes any sense. I'm not a fan of everything being on the left side of the screen - too much white space on the right.

0 Likes
Highlighted
Explorer
112 1 23

Hey Steve,

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:
    /*======== Center blog content - February 4, 2018 =============*/
    #shopify-section-article-template {
      display: flex;
      justify-content: center;
    }
  7. Click on the white Save button.

Now go to the blog page and check it out, the content should be centered on the page, but the text and images justified to the left.

Let me know if you need any help or if it doesn't solve the issue.

The easiest way to get Shopify help. Submit your task, get a quote, and we'll get the work done. Work with me at shupkeep.com
0 Likes
Highlighted
New Member
2 0 0

Thanks Alex, that worked perfectly.

0 Likes
Highlighted
New Member
1 0 0

Hi! A little late on this but I want my blog aligned center but after this snippet the heading is pushed to the side. Any ideas? Thanks!

https://todobien.fun/blogs/news/tis-the-season-for-todo-bien

0 Likes