Set Base URL to background image path in External CSS

Any one can help me to add base url to my background image path in my external css. My code like below. 

PHP Code:

aside.main-sidebar{
    background-image: linear-gradient(90deg, rgba(0,0,0,0.4), rgba(0, 0, 0, 0.2)),
            url(/ui/assets/img/bg4.jpg) !important;
    background-size: cover;
    background-position: center;
} 


And why do you need to do it? I got everything setup with absolute paths (like above) and some script use relative paths instead, like Jquery UI.

Assuming you are developing on one machine, and deploying to somewhere else, so the domain names will be different on all the instances, best solution usually means using relative paths.

You know where the CSS is, so you can go from there, replace it with ../../ui/assets/img for example. Remember not to start with / as this will point to your base domain.

If you absolutely must do absolute paths in CSS file, you could set up a controller that outputs CSS file format text, however 99% of the time that's just over-complicating something that can be done with very straight forward solution.

Assuming you are developing on one machine, and deploying to somewhere else, so the domain names will be different on all the instances, best solution usually means using relative paths.

You know where the CSS is, so you can go from there, replace it with ../../ui/assets/img for example. Remember not to start with / as this will point to your base domain.

If you absolutely must do absolute paths in CSS file, you could set up a controller that outputs CSS file format text, however 99% of the time that's just over-complicating something that can be done with very straight forward solution.


I have add it like below. But it not work

PHP Code:

aside.main-sidebar{
    background-image: linear-gradient(90deg, rgba(0,0,0,0.4), rgba(0, 0, 0, 0.2)),
            url(../../ui/assets/img/bg4.jpg) !important;
    background-size: cover;
    background-position: center; 


I have add it like below. But it not work

It was just an example, but if you tell me in which folder your CSS is, I can probably help to piece it together.

I have add it like below. But it not work

It was just an example, but if you tell me in which folder your CSS is, I can probably help to piece it together.

It's in http://localhost/projects/charity/assets.../admin.css

Ok so you want to go from:
/projects/charity/assets/dist/css/admin.css
to:
/ui/assets/img/bg4.jpg

So you have to go up 5 directories, then back in, which would make final URL:
../../../../../ui/assets/img/bg4.jpg

Ok so you want to go from:
/projects/charity/assets/dist/css/admin.css
to:
/ui/assets/img/bg4.jpg

So you have to go up 5 directories, then back in, which would make final URL:
../../../../../ui/assets/img/bg4.jpg

It's not work...

It's not work...

Based on what you provided earlier, should work but what's the full URL, with domain, to the image?

It's not work...

Based on what you provided earlier, should work but what's the full URL, with domain, to the image?

This is directory: http://sghapps.tk/ui/assets/img/bg4.jpg