Antes:
Depois:
Vá em modelo > Personalizar > Avançado > Plano de fundo da barra lateral e deixe tudo transparente como na foto :
Salve as alterações. Agora vá em modelo > Editar HTML e procure por:
/* WidgetsLogo abaixo encontrará o seguinte código:
----------------------------------------------- */
.sidebar .widget {Apague e substitua por esse:
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
.sidebar .widget {
margin: 0px 0px 15px 0px; /* margem entre uma caixa e outra */
background: #FFFFFF; /* cor de fundo das caixas */
padding:10px; /* espaço entre o texto e as margens */
border-radius: 10px; /* arredondamento dos cantos das caixas */
text-align: justify; /* alinhamento justificado do texto */
-webkit-box-shadow: 0 0 1em #c9c9c9; /* sombra nas caixas, apague esse trecho se não quiser sombra */
}
Pronto ;) Alguma dúvida, só perguntar... Beijos'









Seu blog está lindo, foi muito bem investido! Esse layout deve ter dado um trabalhão fazer, mas com certeza, valeu à pena!
ResponderExcluirAmei. Beijoss!
Muito obrigada linda, deu muito trabalho sim rs... Montei ele todinho em cada detalhe... <3 Beijos
Excluir