mirror of
				https://github.com/adityatelange/hugo-PaperMod.git
				synced 2025-11-04 10:22:44 +01:00 
			
		
		
		
	papermod: faq Bundling Custom css with theme's assets
This commit is contained in:
		@@ -8,6 +8,7 @@ aliases: ["/papermod-how-to-guide"]
 | 
			
		||||
tags: ["PaperMod"]
 | 
			
		||||
author: "Aditya Telange"
 | 
			
		||||
draft: true
 | 
			
		||||
aliases: [/posts/papermod/papermod-how-to]
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
## Intro
 | 
			
		||||
@@ -103,6 +104,34 @@ summary: archives
 | 
			
		||||
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
## Bundling Custom css with theme's assets
 | 
			
		||||
 | 
			
		||||
- For adding custom css to be bundled inside one minimized css
 | 
			
		||||
 | 
			
		||||
Create folder in yout project directory as
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
.(site root)
 | 
			
		||||
├── config.yml
 | 
			
		||||
├── content/
 | 
			
		||||
├── theme/hugo-PaperMod/
 | 
			
		||||
└── assets/
 | 
			
		||||
    └── css/
 | 
			
		||||
        └── extended/  <---
 | 
			
		||||
        │   ├── custom_css1.css <---
 | 
			
		||||
        │   └── any_name.css   <---
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
All `css` files inside `assets/css/extended` will be bundled !
 | 
			
		||||
 | 
			
		||||
**Note**: blank.css is just the placeholder so that it doesn't break the theme when no files are present under `assets/css/extended`
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
Linked Issues:
 | 
			
		||||
 | 
			
		||||
- [Papermod Theme: How to add custom CSS?](https://discourse.gohugo.io/t/papermod-theme-how-to-add-custom-css/30165)
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
## Custom Head / Footer
 | 
			
		||||
 | 
			
		||||
Custom css/js can be added by way mentioned below.
 | 
			
		||||
		Reference in New Issue
	
	Block a user