Witam mam problem ponieważ chciałbym zrobić aktywnego "boxa" który cały będzie się podświetlał jeśli na niego najadę. Mam klasę która odpowiada mi za obrazek i drugą klasę która z tekst, ale jak najeżdżam na tego "boxa" to podświetla mi się tylko obrazek, a napis dopiero gdy najadę na sam napis.Moje pytanie brzmi, co zrobić żeby ten obszar hover'a byl jakby dziedziczony
problem.png (Rozmiar: 19.13 KB / Pobrań: 3)
<!--html-->
<a href=#><center><i class="fa fa-laptop fa-5x icons padding_for_icons">
<p class="text_under_icons icons">CUSTOM</p></a></i>
<p class="lorem">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis earum voluptas ut nulla commodi consectetur nihil impedit quaerat voluptatibus! Repellendus vero numquam minima veritatis</p> </center>
<!--css-->
.text_under_icons{
margin-top: 20px;
font-size: 39px;
font-family:verdana;
color:#504c43;
}
.lorem {
font-size: 14px;
text-align: center
}
.icons{
color:#504c43;
}
.icons:hover{
color:#37b2d0;
}
.padding_for_icons{
padding:40px;
}
Juz sobie poradziłem dając id zamiast klasy do tekstu. Czemu gdy dałem klasę to nie działało a z id już tak?
problem.png (Rozmiar: 19.13 KB / Pobrań: 3)
<!--html-->
<a href=#><center><i class="fa fa-laptop fa-5x icons padding_for_icons">
<p class="text_under_icons icons">CUSTOM</p></a></i>
<p class="lorem">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis earum voluptas ut nulla commodi consectetur nihil impedit quaerat voluptatibus! Repellendus vero numquam minima veritatis</p> </center>
<!--css-->
.text_under_icons{
margin-top: 20px;
font-size: 39px;
font-family:verdana;
color:#504c43;
}
.lorem {
font-size: 14px;
text-align: center
}
.icons{
color:#504c43;
}
.icons:hover{
color:#37b2d0;
}
.padding_for_icons{
padding:40px;
}
Juz sobie poradziłem dając id zamiast klasy do tekstu. Czemu gdy dałem klasę to nie działało a z id już tak?
