arashsm79/hugo-papermod-mod

A bunch of stylesheets that modify the look of Hugo PaperMod theme. Includes thumbnails and sidebar table of contents.

hugo-PaperMod-Mod

A bunch of stylesheets that modify the look of Hugo PaperMod theme. Includes thumbnails and sidebar table of contents.

• Thumbnails
• Sidebar ToC
• Others
• Installation

Thumbnails

The thumbnail.css file, uses CSS Grid layout to change the position of cover images in post entries. It is adaptive and changes the layout if the width of the page is not sufficient as outlined in the video below.

thumbnail.mp4

Sidebar Table of Contents

The sidetoc.css file, uses CSS Grid layout to change the position of ToC to the side in single posts. It sets the position to sticky so that the ToC stays on the page while scrolling.

sidebar.mp4

Other QOL changes

custom.css

• Increase the width of post pages more than the home page
• Increase the width of images placed in the homeinfo section
• Increase the font size of summary text
• Set a limit on the width of post cover and align them center.

Installation

Simply copy the CSS files that you want from this repository to the assets/css/extended folder of your Hugo project.

hugo-papermod-mod's Issues

code blocks are getting streched a log

Hello,

while looking for solution to have ToC, i came across this repo..

I included all the files included in this repo to assets/css/extended. but it is not getting applied properly. code blogs are getting stretched beyond normal screens if I add sidetoc.css

what could I be doing wrong?

thumbnails not working

Hi,
thanks for doing this, I've applied the css files and I see the single posts changes etc, so I think I placed them correctly,
on main page I see the posts stretched but no thumbnail. I do see the cover image inside individual posts so I think the image is linked properly at least.

this makes the cover image on single post, but doesn't show on home. My guess is I could be missing something obvious.

Thanks for the help.