custom header and footer in ASP.NET Core MVC project

Question

hi all,

I just created my first Asp.Net Core MVC project. I am trying to customize my site background.

I created a folder images and I copied a bunch of .png files there. I intend to use one of the .png files as a background for the footer. Where is the best place to add code so that I add the picture to the footer?

I tried:

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
	back
	background-image: url("/images/LOGO_01.png");
}

in _Layout.cshtml.css

and I also tried the same in site.css.

The project launches but the background pic does not show up.

Thanks,
elsvieta

Answer 1

by default the content root is the wwwroot folder. move the images folder to the wwwroot folder.

Answer 2

Hi,@elsvieta

You could check your console( any 404 error) of browser if the image has been served,if its' ok, add the css codes in your _Layout.cshtml.css

it was not served, check if your check your images folder locates in wwwroot folder ,also check app.UseStaticFiles() middleware , if you modified the requestpath of StaticFileOptions or content root path of file providers.

For more details,you could check this document related