10 de nov de 2016

Duas formas de deixar as fotos das postagens em um único tamanho

|
Oi amores, tudo bem?
Sempre quando mudamos o layout, o maior problema que encontramos é o fator de que cada layout comporta um tamanho diferente de imagens por postagem. E como sempre preciso disso, nada mais justo do que deixar registrado no blog e também ajudar alguém que precise.

Existe duas formas de fazer isso. Lembrando que cada layout tem sua configuração de palavras, mas normalmente, todos os layouts tem estas palavras chaves que vou citar.

Vamos ao primeiro passo a passo. Créditos
1. Vá em MODELO -> EDITAR HTML
2. Pesquise (clique F3 ou Ctrl+F) por: /* Posts----------------------------------------------- */
3.  Abaixo dele, cole:

.post img{
border: 0; /* borda na imagem em zero, não altere */
margin: 0 -30px 0 -30px; /* margem da direita e esquerda, não altere */
padding: 0; /* espaço entre margens e imagem, não altere */
width: 540px; /* tamanho máximo da imagem, pode e deve ser alterado */
}

Mude a parte selecionada para o tamanho que quer todas as suas imagens. Antes de salvar, confira para ver se tudo ficou certinho.

A segunda forma é a seguinte: Créditos
1. Vá em MODELO -> EDITAR HTML
2. Tecle F3 ou Ctrl+F e busque por body {
3. Copie o código abaixo e cole acima da tag que você acabou de buscar;

.post img {
max-width: 600px; /* Tamanho das imagens */
height: auto;
}

Onde está em negrito, é o tamanho que você quer sua foto, isso é de acordo com o tamanho de postagem do layout. 

Espero que tenha ajudado vocês. Beijos e até a próxima ♥

Nenhum comentário:

Postar um comentário