How to add custom css to one page in papermod? #470

MaxCCC · 2021-07-15T17:49:04Z

MaxCCC
Jul 15, 2021

I have used this hugo template: https://github.com/adityatelange/hugo-PaperMod. Now I want to add some CSS to my post.md.

First I needed HTML. I added layouts/rawhtml.html content:

<!-- raw html -->
{{.Inner}}

The HTML works in my post.md:

{{< rawhtml >}}
<html>
<head>
  <link rel="stylesheet" href="css/test.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html> 
{{< /rawhtml >}}

But how can I import my test.css? I've created a folder with my css file assets/css/test.css. I tried multiple paths but I can't get it working.

pixelfabs · 2021-08-11T23:03:00Z

pixelfabs
Aug 11, 2021

I don't think what you do is even possible, since you add a completely new HTML page in another HTML page.

rawhtml is for adding anything that normally comes in between <body></body>. Start & end of HTML file is already in baseof.html

If you need to style a part of your page, do this instead:

{{< rawhtml >}}
<div class="special-markup">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
{{< /rawhtml >}}

Then add .special-markup to assets/css/extended/test.css

If you need a page that completely looks different, do this instead:

make a layout/_default/special-page.html

then add layout: special-page to special-post.md

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to add custom css to one page in papermod? #470

{{title}}

Replies: 1 comment

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

How to add custom css to one page in papermod? #470

MaxCCC Jul 15, 2021

Replies: 1 comment

pixelfabs Aug 11, 2021

MaxCCC
Jul 15, 2021

pixelfabs
Aug 11, 2021