How to change text of this span object with no selectors?

[Canapin (Coin-coin le Canapin)]

@jordan-violet

on a per-category basis.

If you want to do this on multiple categories and avoid having many SCSS lines, you can use SCSS loops. It makes the code easier to read and maintain because you’ll just have to edit two SCSS variables.

How to add unique text below each category image?

Oh, I see. You can still use a pure SCSS solution using category slugs: If you want to add line breaks in the text, put \A inside your text, and add white-space: pre; in the :after pseudo element properties. $categories: "nature", "general"; $labels: "All natural!\ANaturaaal!" "Another text"; @each $category, $label in zip($categories, $labels) { body.category-#{$category} .category-heading .category-logo.aspect-image { max-height: none; &:after …