Quando eu coloco um background
no meu <div>
.
Código HTML:
<footer>
<div class="footer-top">
<div class="fcontainer">
<div class="frow">
<div class="col-md-3 col-sm-6 col-xs-12 segment-one md-mb-30 sm-mb-30">
<h2>Divinector</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro possimus, nam dolor ullam eum, maiores ratione repudiandae in mollitia nulla dolore fuga deleniti facere sequi natus vel, reprehenderit earum hic.</p>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 segment-two md-mb-30 sm-mb-30">
<h3>Links Úteis</h3>
<ul>
<li><a href="#">Eventos</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 segment-three sm-mb-30">
<h3>Follow Us</h3>
<p>Please follow us on our Social Media Profile in order to keep updated. Lorem ipusm dolor sit amet, consectetur adipisicing leit. Ex, libero.</p>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 segment-four sm-mb-30">
<h3>Notícias</h3>
<p>Se inscreva para receber notícias relacionadas a inovação e ao mundo do empreendedorismo!</p>
<form action="">
<input type="email">
<input type="submit" value="Inscreva-se">
</form>
</div>
</div>
</div>
</div>
<p class="footer-bottom-text">All Right Reserved by ©IUT-SH</p>
</footer>
E o código CSS: (só a parte que interessa)
.footer-top{
background: #069370;
padding: 80px 0;
height: auto;
}
body{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
background-image: linear-gradient(135deg, #a9e5bb, #6EAF82);
background-attachment: fixed;
}
Como fica:
background: #069370 !important;
class="segment-two"
e tente localizar o background veja de onde esta vindofooter-top
está cobrindo toda a altura do conteúdo?