search

devcows / hugo-universal-theme

Universal theme for Hugo, it stands out with its clean design and elegant typography.
https://devcows.github.io/hugo-universal-theme
MIT License
792 stars 564 forks source link

Configurable Background image for Photogrid #96

Open GeorgeWL opened 7 years ago

GeorgeWL commented 7 years ago

Make background image for Photogrid configurable through either Data Elements or a Config param.

salim-b commented 6 years ago

Since the background image photogrid.jpg is defined in the site's CSS files, I think this could be relevant:

https://blog.fullstackdigital.com/how-to-use-hugo-template-variables-in-scss-files-in-2018-b8a834accce

mrinterestfull commented 6 months ago

from #22 @ngehani

This doesn't seem to work for me: "Need to 1: copy the carousel.html to layouts/partial along with the 2: style.default.css to static/css and this overrides the default theme elements. The partials are the important piece to copy. The img/.... should contain the assets you want to use."

What is the proper way to overwrite background image. I need to give it exact name per branding guide. Its weird that it's located in theme/universal-theme, unless you use it for SEO purposes?

Can you tell me how to place overwrite it?

mrinterestfull commented 6 months ago

In custom.css I tried adding:

background: url('../img/mysite.webp') center center repeat; but that doesn't work.