Skip to content

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

License

Notifications You must be signed in to change notification settings

arashsm79/hugo-PaperMod-Mod

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 

Repository files navigation

hugo-PaperMod-Mod

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

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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Languages