Alguns templates criam uma moldura, geralmente branca, como fundo em todas as imagens. E também adicionam uma sombra. Muitas vezes isso acaba com a estética do post.
O código responsável por essa moldura está na área /* Widgets.
Trocaremos apenas um trecho do código.
Tema > Personalização > Editar HTML - ctrl F - digite /* Widgets na caixinha de pesquisa e dê enter:
Role a página até chegar nessa parte do código:
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}
Para retirar a borda branca vamos trocar o #fff por transparent e para remover a sombra vamos trocar o .5 pelo 0.O código ficará assim:
background: transparent;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);}
Clique no disquete e aguarde as mensagens de Processando e A atualização foi feita aparecerem:
Visualize o blog:
Se quiser deixar a sombra não troque o .5 pelo 0.
Suas imagens aparecerão assim:
Dúvidas mande um e-mail.
Nenhum comentário:
Postar um comentário
Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).