Caixa de ícone – A ferramenta mais versátil do Elementor!
👉 Gostaria de receber diretamente em seu WhatsApp tutoriais, dicas e BÔNUS EXCLUSIVOS? Então cadastre-se gratuitamente preenchendo o formulário abaixo!!!
Estilo 1
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Estilo 2
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Estilo 3
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
selector .elementor-icon {
width: 50px;
height:50px;
background: #9A7CF8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
Estilo 4
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Agora Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
selector .elementor-icon {
width: 50px;
height:50px;
background: #9A7CF8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
selector .elementor-icon-box-title span span {
display: block;
font-size: .7em;
line-height: 1.4em;
font-weight: 500;
}
Estilo 5
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Agora Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
selector .elementor-icon {
width: 50px;
height:50px;
background: #9A7CF8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
selector .elementor-icon-box-title span span {
display: block;
font-size: .7em;
line-height: 1.4em;
font-weight: 500;
}
selector:before {
content: "";
width: 50px;
height: 4px;
position: absolute;
left: 40px;
top: -2px;
background: #9A7CF8;
}
Estilo 6
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
AgoraEste é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Agora Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
selector .elementor-icon {
width: 50px;
height:50px;
background: #9A7CF8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
selector .elementor-icon-box-title span span {
display: block;
font-size: .7em;
line-height: 1.4em;
font-weight: 500;
}
selector:before {
content: "";
width: 50px;
height: 4px;
position: absolute;
left: 40px;
top: -2px;
background: #9A7CF8;
}
selector:hover .elementor-icon-box-title,
selector:hover .elementor-icon-box-description{
color:#fff;
}
