-
|
Thank you very much for creating this beautiful theme and for taking the time to deal with people's questions. I am converting my blog from google blogger to obsidian + hugo. I like the stack theme a lot, but it needs some customization to suit my needs. Unfortunately, I hardly know what I am doing, either with hugo or with the stack theme. Hence, this question. What I have is posts that begin with an image, followed by one or two paragraphs of text, followed by I managed to do that, but I ran into a problem: the summary text would appear black. This was not visible under the light theme, but it was very visible under the dark theme. I managed to fix that by modifying <body class="{{ block `body-class` . }}{{ end }}">with the following: <body class="article-page">However, I suppose that this is hard-coding the class of every single page in the blog, and I am almost sure that this is not the right way of fixing the problem. Additionally, the result still suffers from two issues:
Help would be appreciated to find a proper fix for the black text problem instead of modifying the
|
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
|
Hi Mike, I need some more time to think about how to fix this, but in the meantime, you can use your solution of adding a body class. You can use Instead of using the 'article-subtitle' class to wrap the summary, use the 'article-content' class so that the image is centred. The extra margin is introduced by the p element. To fix this, you can introduce a negative margin. In conclusion, the HTML tag should be: <section class="article-content" style="margin-top: -1.5em;"> |
Beta Was this translation helpful? Give feedback.
-
|
Hi Jimmy, Thank you for responding. I did as you suggested, and the problems I was facing were indeed resolved. I will keep working on it, and I will come back to you if/when I face other problems. Thanks again! |
Beta Was this translation helpful? Give feedback.
Hi Mike,
I need some more time to think about how to fix this, but in the meantime, you can use your solution of adding a body class.
You can use
<body class="{{ blockbody-class. }}{{ end }} article-page">to avoid overriding everything.Instead of using the 'article-subtitle' class to wrap the summary, use the 'article-content' class so that the image is centred.
The extra margin is introduced by the p element. To fix this, you can introduce a negative margin. In conclusion, the HTML tag should be: