Boa tarde pessoal
criei um post caurosel para exibição na página principal de um site que estou desenvolvendo no wordpress
Minha dúvida é a seguinte quando crio o carousel ele gera uma shortcode [post-carousel id="276"] e dessa forma inserimos ele dentro de um página. Eu gostaria de aplicar um efeito em uma imagem deste carousel porém não encontro o css dele. Gostaria de aplicar um efeito ao passar o mouse por cima da imagem ele exibisse uma mensagem
segue o exemplo do código que montei dentro de uma página, dessa forma que eu montei ele aplica o efeito porém não consigo aplicar somente para a imagem, ele acaba pegando toda a classe.
Se alguém souber como funciona fico muito agradecido.
Obrigado
/*código CSS */
.descricao {
background: #493a2ec7;
color: #fff;
text-align: center;
height: 356px;
position: absolute;
top: 111px;
display: none;
padding: 22px 37px;
width: 355px;
margin: -64px;
}
.master:hover .descricao {
display: block;
}
<h2 class="recipe"><span>Receitas</span></h2>
<div class="col-xs-12">
[post-carousel id="276"]
<div class="descricao"><span> APRENDA A FAZER </span> </div>
</div>
<div class="mobile-recipe">
<hr>
</div>
/*código CSS */ .descricao { background: #493a2ec7; color: #fff; text-align: center; height: 356px; position: absolute; top: 111px; display: none; padding: 22px 37px; width: 355px; margin: -64px; }
.master:hover .descricao { display: block; }