- Posts
I’ve just installed Crio and have been customizing my site.
Something I noticed is that the left alignment in the body copy was different than in the headers. With some fiddling, I basically got them to line up
(https://www.petermerholz.com/about-peter/). I had to put in 1 EM of left padding to make that happen. I have to do it page by page, which is annoying — it would be preferable if this were global.Anyway, I want to do the same with individual blog posts. You’ll see here:
https://www.petermerholz.com/blog/design-leadership-truisms/
that the body copy is quite a bit to the left of the Site Title (PETER MERHOLZ) And the Page Title (Design Leadership Truisms). I don’t see anywhere to adjust the padding of blog post bodies in order to get this to line up.Please advise
Hi Peter-
Thanks for the question, it was really cool to see that the inventor of the word “blog” is using our theme!
The discrepancy you’re seeing is a 15-pixel margin on the left side of the title. To solve it globally, you can use Custom CSS to double the padding on the article itself. Navigate to Customize > CSS/JS Editor and add the following rule:
.article-wrapper { padding-left: 30px !important; }After you make this change, you may need to remove the custom padding you added to your individual page.
- The topic ‘Getting blog post body copy to align left with title elements’ is closed to new replies.
