https://i.sstatic.net/3ZLq3.jpg[
I've been working on designing the main page using Bootstrap, but I'm facing an issue with adding a background image. I've tried multiple methods such as adding it to the CSS body and directly in the HTML code, but unfortunately, nothing seems to be reflecting on my website.
body {
line-height: 1.7;
color: gray;
font-weight: 300;
font-family: "Work Sans", sans-serif;
background-image: url("/images/slider_3.jpg")!important;
}
::-moz-selection {
background: #000;
color: #fff; }
::selection {
background: #000;
color: #fff; }
.btn
{
width: 21%;
height:250px;
border: none;
background-color: #70B1D1;
padding: 14px 28px;
font-size: 40px;
cursor: pointer;
text-align: center;
}
.btn:hover {
background-color: #f7f5ed;
}
a {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
a:hover {
text-decoration: none; }
.text-black {
color: #000 !important; }
.text-white {
color: #fff !important; }
/* Navbar */
/* Blocks */
.site-section {
padding: 7rem 0; }
The snippet above is a portion of my current CSS file that I am working with.