Já havia postado antes sobre blog na horizontal, mas aquela solução envolvia o plugin Divi Den, o qual eu não tenho mais a licença. Achei uma maneira bem mais simples de estilizar o blog para que ele fique na horizontal.
Primeiro, o módulo Blog deve estar no layout Largura da Tela. Após, basta acrescentar este código:
/*Blog na horizontal*/
@media only screen and (min-width: 768px){
.entry-featured-image-url {
float: left;
width: 45%;
margin-right: 3%;
}
.entry-title {
padding-top: 0px;
}
}São necessárias algumas estilizações dentro do Custom CSS do módulo. A primeira é no corpo do texto, para que, caso a imagem tenha uma altura pequena, o texto não quebre abaixo da imagem.
/*Corpo*/
display: table;A segunda, é no botão Leia Mais, para que ele fique abaixo do texto e não dá imagem e mais algumas questões de estilo. No caso do blog acima, o código é o seguinte:
/*Botão Leia Mais*/
display: inline-block;
background: #1c468c;
padding: 5px 15px;
margin-top: 20pxE é isto! O blog fica na horizontal e as outras estilizações são feitas no próprio módulo.
