https://i.sstatic.net/gytFT.png
Is there a way to modify the color of this element to match the footer color? I am seeking assistance on what CSS or HTML code would be necessary to accomplish this. I am working within Bootstrap 3 and have already attempted the solution provided in How to put black color in the bottom of the page after footer without success.
Here is my HTML from _Layout.cshtml:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
... (content omitted for brevity)
<footer class="navbar-default">
<div class="container">
<div class=”row bottom-rule”>
... (more content)
</div><!-- end container -->
</footer>
</body>
</html>Site.css:
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
... (styles omitted for brevity)
.monospaced { font-family: 'Ubuntu Mono', monospaced ; }Currently using Visual Studio 2015.
PS: I specifically do not want to change the background color of the body to black! – user2548663 7 secs ago