Neste Vídeo vou te ensinar a criar uma das ferramentas mais importantes do Marketing Digital – um BLOG usando o WordPress e o Elementor na sua Versão PRO.
Para acompanhar o tutorial, utilize o CSS abaixo:
/* Titulo Seção */
.tituloSecao::after {
content: "";
width: 60px;
height: 5px;
position: absolute;
right: -70px;
background: #00E0E3;
}
/* Widget Categorias */
selector h5{
display: none;
}
selector ul {
list-style:none;
padding: 0px;
}
selector ul li {
display: block;
padding: 15px 20px;
margin: 0 0 10px 0;
background: #FFF;
color:#9C9AF9;
border-radius: 5px;
transition: All 0.3s ease-in-out;
}
selector ul li:hover{
box-shadow: 0 7px 20px rgba(0,0,0,0.1);
transition: All 0.3s ease-in-out;
}
selector ul li a{
color:#000;
margin-bottom: 10px;
font-weight: bold;
font-family: "Syne"!important;
text-transform: capitalize;
}
/* Listagem Posts - Archive */
selector article {
background-color:#fff;
padding: 20px;
border-radius: 10px;
transition: All 0.5s ease-in-out
}
selector article:hover{
box-shadow: 0 7px 20px rgba(0,0,0,0.1);
transition: All 0.5s ease-in-out;
}
@media(max-width:780px) {
selector article {
flex-direction: column!important;
}
selector .elementor-post__thumbnail {
margin-bottom:30px;
}
}
/* Formulário */
selector form input, selector textarea{
border:none;
}
selector h2 {
font-family: "syne";
font-weight: bold;
color:#4D4ADA;
}
selector form input[type=submit],selector form input[type=button]{
background: #4D4ADA!important;
color:#fff!important;
font-family: "syne"!important;
}
selector form input[type=submit]:hover,selector form input[type=button]:hover{
background: #9C9AF9!important;
color:#fff!important;
}