Hello everyone, I am new and just created this page. Unfortunately, I'm facing two issues - I don't want my background to repeat and my jQuery toggle isn't working :(
I have included a snippet of my code below. Can someone please guide me on what changes need to be made for it to work properly?
body {
background: url("http://dash.ga.co/assets/anna-bg.png");
background-size: cover;
background-position: center;
}
.first {
background: #000;
background-image: url("http://buddies.koinup.com/group-637.png");
background-size: cover;
background-position: center;
width: 200px;
height: 200px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
border: 1px solid #000;
border-radius: 10px;
}
p {
color: rgba(255,255,255,1);
background: black;
background: linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,.4));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,.4));
background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,.4));
padding: 10px;
line-height: 28px;
text-align: justify;
position: absolute;
bottom: 0;
margin: 0;
padding: 3px 65px 3px 64px;
height: 30px;
border-radius: 0px 0px 8px 8px;
transition: height .5s;
-webkit-transition: height .5s;
-moz-transition: height .5s;
}