add background image to custom css

[1885]

I know this is simple. When I add an image to trhe index.html <style> body { background:#ff0000 url("img/ulamgreen.png"); } </style> all is good.

This is the code for the custom.css. Ho luck.

html,body{
background:#ff0000 url("img/ulamgreen.png");
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #203731;
background-color: #FFB612;
}

.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover
{color:#203731;background-color:#ffb612;
}

a {
color: #203731;
background-color: #FFB612;
text-decoration: none;
}
a:hover{
color: #000;
background-color: #FFB612;
text-decoration: none;

}


Any ideas,

1885

[edlfrey]

html,body{
background-color:#ff0000:
background-image: url("img/ulamgreen.png");
}

Is your css file at the same file level as the image? If not you may need ../ in the address.

[1885]

No luck with
body {
background:#f00 url("../img/ulamgreen.png");
}

in my custom,css at:

dist/css/custom.css

[Disconnected]

please put it in a code box,



what post #2 meant is this:

your css file is located at /css/custom.css : this means you have accessed a css folder to get to this
your image folder might be located at /css/img/[picture] : this means you don't need to use ../ if it worked prior to you putting it in a css file
but if your images folder is outside of the css folder you would do this to locate it ../folder-1/folder-2/img/[picture] : what this means is ../ is telling it to go back folder-1 is telling it to check folder-1 for folder-2 and see if img is there if it is then it will scan for your picture.

If it is in the same folder as your CSS:

body{
background: url('../img/ulamgreen.png') no-repeat;
background-size: 100% 650px;
}

if it's in a different place:

body{
background: url('../folder-1/img/ulamgreen.png') no-repeat;
background-size: 100% 650px;
}