Reducing left/right padding around individual posts

Using Themes
1

Hello – Thanks to the creators of the Ananke theme and thanks for this Hugo discussion forum. I was wondering if I might ask for help in reducing the horizontal margins around the text within the posts.

See my github repository here: GitHub - kc13/kc13.github.io

I am trying to decrease the left/right padding surrounding text such as that found in content/en/Proj/proj1.md.

I have installed Hugo Extended. I installed Ananke as a git submodule.

I have tried various approaches to adjusting the margins, some of which will still be apparent in the linked repository, and others which I have deleted. Most approaches involved either (1) adding options to a custom.css file, or (2) copying modified html files from themes/ananke/layouts to the top-level layouts folder, according to the advice I found when searching previous relevant discussions. So far nothing has worked. I welcome any tips on what to try next.

2

In layouts/single.html you have:

  <article class="flex-l {{ if $needs_aside }}mw8{{ else }}mw7{{ end }} center ph3 flex-wrap justify-between">

Since there is no sidebar (aside) the class mw7 is added. That class has CSS that sets max-width:48rem. (All this is specific to the Ananke theme, nothing really to do with Hugo.)

Test with mw8 etc. until you have what you want.

But, do you really want to do this? It will make the text lines long and hard to read.