.info { color: red; background-image: url(img/rect_yel.png); } .recent:hover ~ .info { display: block !important; } <div class="row"> <div class="col-md-3"> <a class="recent" href=#> <img src="img/rect_yel.png" alt="JD"> </a> <div class="info d-none"> <p>sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem.</p> </div> <H5>Jonh Doeeh</H5> <p>Lead Designer</p> </div> </div> 
everything is working
.info { color: red; background-image: url(http://333v.ru/uploads/00/000a7db0d4c688263a3e8d09e1f5fa93.jpg); } .recent:hover ~ .info { display: block !important; background:red; } <div class="row"> <div class="col-md-3"> <a class="recent" href=#> <img src="img/rect_yel.png" alt="JD"> </a> <div class="info d-none"> <p>sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem.</p> </div> <H5>Jonh Doeeh</H5> <p>Lead Designer</p> </div> </div> 
Source: https://ru.stackoverflow.com/questions/736347/
All Articles