Using Hugo, I need add unique class names to the first few posts. How can this be done? My code that’s obviously not working… // if the first post {{ if eq .Site.GetPage 1 }} {{ $classname := "class-one" }} // else the second post {{ elseif eq .Site.GetPage 2 }} {{ $classname := "class-two…

You need to use .Scratch :slight_smile:

I tried using Scratch before, and it made no difference. Besides, I think my if statement is wrong. I’ve tried: {{ if eq .Site.GetPage 1 }} as well as {{ if eq .Data.Pages 1 }} How do you exactly target the first, second, etc., page items inside a range? Do I need to add an $index to the range? Ho…

Figured it out, I think… {{ $paginator := .Paginate (where .Data.Pages.ByDate.Reverse "Type" "post") }} {{ range $index, $element := $paginator.Pages }} {{ if (eq $index 0) }} {{ $.Scratch.Set "classname" "class-one" }} {{ else if (eq $index 1) }} {{ $.Scratch.Set "classname" "class-two" }} {{ el…

[SOLVED] Adding different class names to each post within a range

support

Topic		Replies	Views
Limit number of posts in range support	6	776	August 2, 2022
Get the second post in a list support	5	491	July 26, 2022
Enumerate posts	5	1610	November 12, 2017
Add a body class in single.html for the most recent post	14	1047	May 6, 2020
Conditionnal Range Data : Css Class at N elements support	4	1413	May 9, 2017

[SOLVED] Adding different class names to each post within a range

Related topics