panr / hugo-theme-hello-friend

Pretty basic theme for Hugo that covers all of the essentials. All you have to do is start typing!
https://github.com/panr/hugo-theme-hello-friend/
MIT License
1.06k stars 1.22k forks source link

Line width #235

Closed robertdiab closed 2 years ago

robertdiab commented 3 years ago

Hi again folks,

I'm wondering how to shrink the line width -- of both headings and paragraphs, but nothing else.

I tried adding the following code to the 'body' element in my style.css file:

max-width: 710px;
margin: auto

This shortens the line-length of text, but it also shortens the banner at the top, which I want to avoid. I can't find where to tweak this elsewhere in the code -- or how to do it in my style sheet.

Any ideas would be much appreciated!

Thank you,

Robert

panr commented 2 years ago

You can add those styles to .post element directly or ul.posts as a container, but there might be some issues with images, so you need to keep an eye on this too ;-)