Hello again. I am tinkering around with the lightbi-theme ( Lightbi ) It uses preview cards featuring images, which are specified in the frontmatter of the respective file in the content folder. What I am looking to do is to also be able to specify an image(different from the preview card image) whi…

just found that one :wink: [image] Specifying a background image for a given page in the frontmatter support Hello there, I’m quite new to hugo and also quite clueless about html, css etc. So good prerequisits you see wink Anyways, I managed to get an image working as a …

Yes… I tried your solution and it doesn’t work anymore. Plus I feel the theme is so advanced and organized, it invites a proper implementation. Also this time it’s for a specific theme to begin with, not just any/a blank project Best regards!

Okay, after some tinkering and testing around the solution does work again. There’s probably a better place for {{ with $.Param "bg" }} <style> body { background-image: url("{{ . | absURL }}"); } </style> {{ end }} though, so if someone knows where to put that in the theme, let me know. …

[image] mrbalsi: if someone knows where to put that in the theme, let me know. Possibly the theme’s author. Or it’s documentation.

[image] chrillek: Or it’s documentation. Or it’s layout structure :wink: The theme has support to customize SCSS by adding a custom.scss add custom stuff to begin of header section at the end of the footer section ← might be the place to add your bg image The themes dark mode relies …

Specify a background image in the frontmatter in lightbi theme

Using Themes

irkode June 12, 2025, 6:33pm 2

just found that one

anything special with your new request?

Topic		Replies	Views
Specifying a background image for a given page in the frontmatter support images , frontmatter	3	484	December 22, 2024
Hugo Theme Stack - Background Image Using Themes theme-building	1	141	September 12, 2025
Permalink for images in the front matter support	4	283	February 20, 2025
Generating page-specific css for image previews support	16	666	September 5, 2023
Can't Include of background image in grid-side theme support	1	465	October 30, 2017

Specify a background image in the frontmatter in lightbi theme

Related topics