Blog feed style - want it to be center aligned by justified left

Hello!

Trying to build a blog but I'm having tons of issues with alignment & formatting. 

I'm trying to make the blog feed look like the actual blogs themselves alignmnet wise (center alignment but justified left); see the first picture as attached. 

However the feed will only do center alignment + center justified. (see picture 2) The paragraphing is also gone and messed up and I can't seem to change it from the available settings.

I'm not sure what code to put & where exactly (because I only want the formatting to be on my blog page)

Please let me know, thanks!

Your 7.1 blog summary block text is not lining up the way you want it, am I right? I think you should be able to adjust  this in styles/fonts/paragraph options. 

Hello,

Sorry for the late reply but unfortunately that is not the case. As mentioned I only get left, center and right styles, and no option to do a center alignment with a left justified formatting. My options on the styling panel are only left, center and right for text alignment (no possibility to control justification of the font) 

Hi, did you ever get an answer? I'm having the exact same problem.

Can you share link to blog? We can check easier.

I think I figured this out - I was having the same issue and it was driving me mad!

I added this to the main CSS

/* Justify Blog text left */
@media screen {
  .blog-single-column .blog-single-column--text {
    text-align: left !important;
  }
}

I am by no means a CSS expert like @tuanphan but this worked for me.

Was there ever a solution to this other than adding to the CSS code? I'm having the same thing. When I edit my blog, it's all nice and left justified. But when you read it online, it's all centered and awful. Centered, left justified is also what I'm after. Are we all left with this CSS and if so, where do we enter it?

On 9/29/2022 at 8:39 AM, Karenk said:

Was there ever a solution to this other than adding to the CSS code? I'm having the same thing. When I edit my blog, it's all nice and left justified. But when you read it online, it's all centered and awful. Centered, left justified is also what I'm after. Are we all left with this CSS and if so, where do we enter it?

 

Can you share link to blog?

Did you ever figure this out? I am having the same issue. I had everything left justified; however, it is making everything center justified. Any help outside of code would be great. thank you in advance Doug

Hey everyone - I finally figured it out! There is another section that you'll need to get to the pop-up menu (in the editor) that allows you to "manage posts" or "edit content" it can't be the "edit section" menu. If you are in the blog post itself and then go to "edit section" to  align the text left, the edit section menu will not adjust the post when published.

The only way I found to get to it, is by clicking on the page's link and then directly opening the edit option in the top left-hand corner. You'll need to be in the editing part that shows the blog image at the top (not just the content). When you click on the image the new pop-up "manage posts" and "edit content" can be seen. Under the "edit content" menu -- change the selection from center to left, and the alignment will shift left. Below is a screenshot of the menu you'll need to find.