As I continue to learn .NET Core / MVC and work on my website, I am facing a challenge with removing the white space and getting the background to cover the entire page.
Despite trying different approaches, such as setting the style for the opt-in component, I cannot seem to make the background cover the whole page. Although I only have the vendor.css file available, I attempted to modify it by adding:
background: url(images/bg.jpg) no-repeat center center fixed;
background-size: cover;
However, the white space persists. Upon inspecting the elements using the debug console, I noticed that my component does not fully cover the page, yet I cannot locate the element responsible in my code. More details can be found at:
To address this issue, I made changes to my _layout.cshtml as follows:
<base href="~/" />
<style>
html {
background: url('http://i.e.eastbay.com/wpm/100233/WebForms/EB_Event_Signup_1/FL_form-engraved_background.jpg') no-repeat center center fixed;
}
</style>
<link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
Despite these modifications, the padding issue persists. For more information, please visit:
If you would like to explore my git project, you can find it here: https://github.com/InnovationGB/EventOptIn