Hello guys, is there a way to include different css files for each page? For example : Page 1 --- title: "Tabs with Dropdown Menu" date: 2018-04-21T16:27:32+02:00 draft: true customCss: ["css/page1.css"] --- Page 2 --- title: "Vertical Tabs" date: 2018-04-21T16:27:32+02:00 draft: true customCss…

THANK YOU SO MUCH !! Now i understand so much more about how things work in hugo, this helped a lot

[image] Mikhail: <link rel="stylesheet" href="{{ .Params.customcss }}" /> In case you want to handle the case when “customcss” is not defined, you may want to use the with function like so: {{ with .Params.customcss }}<link rel="stylesheet" href="{{ . }}" />{{ end }} This way you won’t end …

[SOLVED] Custom CSS for each page

support

Mikhail June 17, 2018, 9:11am 2

customcss: "/css/page2.css"

In template:

<link rel="stylesheet" href="{{ .Params.customcss }}" />

PaperMod - increase width of specific page to display table

Topic		Replies	Views
Custom css for certain page using Page Resources support	1	1924	July 24, 2022
Creating landing page with Hugo support	3	5479	November 25, 2018
Any Example on how to generate css per page? support	4	1061	January 30, 2022
Using Hugo to generate CSS files in themes? support	11	4903	January 11, 2020
Need help connecting CSS to other pages on my site support	11	1498	March 1, 2023

[SOLVED] Custom CSS for each page

Related topics