Oi gente!!! Hoje venho trazer pra vocês um tutorial super fácil.
Como vocês podem ver, a área de postagem aqui do blog tem borda de uma folha de caderno. Para isso eu coloquei uma imagem como plano de fundo das postagens.
Antes do tutorial aqui vai duas imagens que podem ser usadas como plano de fundo. Mas você pode criar a sua própria imagem.
obs: as imagens não estão muito visíveis porque são de fundo branco. Para visualizar melhor clique sobre a imagem.
Vamos os tutorial?
Primeiro vá em Design > Editar HTML.
NÃO marque Expandir modelo do widget.
Tecle CTRL+F e procure por: .main-inner .column-center-outer {
Achado o trecho apague o trecho abaixo:
background: $(post.background.color) $ (post.background.url) repeat scroll top left;
_background-image: none;
}
No lugar cole o seguinte código:
background: url(url da sua imagem) repeat;
}
Coloque no trecho em rosa o url da imagem escolhida.
Não esqueça de ver se as margens estão alinhadas com a imagem, senão o texto fica em cima da borda e fica difícil de ler
