Good morning,
I have a problem where I am trying to reference a link in a carousel here, however it has problems. Below the image as the site is.
BelowishowitlookswhenIputthereferencedlinkintheNAV.
ThetemplateIbuiltforitisthis: link
I'm studying Front End now and everything was going fine right there. haha
Header code that has a problem. I could see that he can not activate the .owl-carousel.owl-loaded { display: block; } when I put the link.
Carousel CSS Code
#carousel .text {
position: absolute;
top: 40%;
z-index: 10;
}
#carousel .text h2 {
background: transparent;
color: #fff;
display: inline-block;
font-size: 4em;
font-weight: 300;
margin: 1px 0;
max-width: 600px;
padding: 10px 20px;
width: 100%;
}
#carousel .text p {
background: transparent;
color: #fff;
max-width: 600px;
padding: 10px 20px;
width: 100%;
}
#carousel .owl-dots {
background: transparent;
bottom: 0;
margin: 0;
padding: 0.625em 0;
position: absolute;
width: 100%;
}
.owl-carousel.owl-theme .owl-dot span {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 3px solid rgba(0, 40, 58, 0.57);
height: 18px;
margin: 0 0.3125em;
opacity: 1;
width: 18px;
}
.owl-carousel.owl-theme .owl-dot.active span, .owl-carousel.owl-theme .owl-dot:hover span {
background: none repeat scroll 0 0 #007f7f;
}