Hi, this could be asked many times but didn’t find… sorry about that. I inherited quark theme and in my custom theme want to set background image for a page. In my theme i have images folder with my xy.jpg image, in my css/custom.css i tried to set: background-image: url(‘images/xy.jpg’); backg…

I really doubt any SCSS/SASS compiler supports Twig. And I don’t really see how it would. Unless you’re compiling to CSS on every single page load, so that it could check variables and use them.

hi, {% if page.header.header_image %} {% set style = ’ style=“background-image: url('’ ~ page.media.images[page.header.header_image].cache.url() ~ '')”’ %} {% elseif theme_config.default_header_image %} {% set style = ’ style=“background-image: url('’ ~ url(‘theme://img/’ ~ theme_config.defaul…

yes, this work in twig file, but not in css file. I have a css

[image] backit: background-image: url(‘/images/xy.jpg’); This must work if /images is on your web root. Eg. if image is at example.com/some/stuff/images/image.jpg and CSS is at example.com/css/path/styles.css, then url('/some/stuff/images/image.jpg') must work

thank you @Karmalakas , but images is in my theme’s path as css too: grav-admin/user/themes/mytheme/images/xy.jpg grav-admin/user/themes/mytheme/css/custom.css i thought in css something like background-image: url(‘images/xy.jpg’); should work, but it’s not…

So doesn’t url('/user/themes/mytheme/images/xy.jpg') work?

did not try, but theme should have some shortcut to find resources inside theme, isn’it?

and which should work? /images/xy.jpg or images/xy.jpg ?

/ means path is from web root. Without - path is from css location

i know, i thought grav or webserver knows how to interpret that url. Twig variables don’t work in scss too?

Image url in css theme

Karmalakas September 30, 2022, 9:20am 8

It does… On server side (PHP, Twig). CSS is processed on client side and PHP streams or Twig vars won’t work there

Topic		Replies	Views
How to have a css background-image from form field? Archive	4	1969	July 12, 2016
Is it possible to set the background image inside .CSS file as we normally do we plain HTML?	1	598	January 14, 2021
How to call image from theme blueprint in twig template	0	585	September 9, 2020
I can't call an image uploaded from Twig	2	178	January 9, 2024
CSS parsing paths/images Archive	0	292	March 24, 2016

Image url in css theme

Related topics