Background image not loading in meteor

vrangan · May 13, 2015, 12:40am

Hi
I have a background image under the public folder but I am not able to see the background image. Below is the code.

Pls help.
Thanks

orbyt · May 13, 2015, 12:45am

… codes missing

vrangan · May 13, 2015, 2:07am

Code below – dont know why the html template code is not visible when i submit. But its a simple code with a template named “home” and below the template declaration, a body tag with style background-image: url(’/public/bg.jpg’)

khamoud · May 13, 2015, 2:12am

Templates go in body tags not the other way around. That could be one issue.

vrangan · May 13, 2015, 2:15am

the template tag has just the name and the body tag is outside of the template tag. It works if the change the background image to a background color.

orbyt · May 13, 2015, 2:19am

Yea dont use public in the path. Just do background: url('/bg.jpg'); and try that.

vrangan · May 13, 2015, 6:57am

this worked. Thanks

orbyt · May 13, 2015, 7:03am

20charslimitisdumb

katuka · May 12, 2018, 11:59pm

How can i add a linear gradient to the image:

background: linear-gradient(to right bottom, rgba(37, 39, 77, 0.747), rgba(37, 39, 77, 0.781), url('/img/bus.jpeg'));

That is not working.