Hugo PaperMod Mod screenshot

Hugo PaperMod Mod

Author Avatar Theme by Arashsm79
Updated: 25 Aug 2023
38 Stars

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

Categories

Overview

The Hugo PaperMod Mod is a collection of stylesheets designed to modify the look of the Hugo PaperMod theme. It includes styles for thumbnails, a sidebar table of contents, and other quality-of-life changes. By installing these stylesheets, users can customize the appearance of their Hugo PaperMod theme to better suit their preferences.

Features

  • Thumbnails: Changes the position of cover images in post entries using CSS Grid layout. The layout adapts to the width of the page, ensuring an optimal display regardless of screen size.
  • Sidebar Table of Contents: Utilizes CSS Grid layout to position the table of contents (ToC) on the side of single posts. The ToC remains sticky, meaning it stays in place while scrolling.
  • Other Quality-of-Life Changes: This feature includes multiple modifications to enhance the user experience. It increases the width of post pages beyond the home page, expands the width of images in the homeinfo section, enlarges the font size of summary text, and sets a width limit for post cover images, aligning them in the center.

Installation

To install the Hugo PaperMod Mod, follow these steps:

  1. Copy the desired CSS files from the repository.
  2. Paste the copied CSS files into the “assets/css/extended” folder of your Hugo project.

Summary

The Hugo PaperMod Mod provides users with extra customization options for the Hugo PaperMod theme. By making use of the included stylesheets, users can modify the placement of thumbnails, the position of the table of contents, and make additional quality-of-life changes to enhance their website’s appearance. The installation process is relatively straightforward and involves copying the CSS files to the appropriate folder in the Hugo project.