Menu Fechar

Alinhamento de imagens do wordpress não funciona?

add_mediaDepois de perder montes de tempo a tentar perceber porque razão o alinhamento de imagens desta nova ferramenta do wordpress não funcionava no meu blog, vi então que na folha de estilos do tema, ( com a preciosa ajuda do Firebug e do Firefox), as imagens adicionadas nos posts tinham o alinhamento predefinido para a esquerda.
.entry img {
border:0;
float:left;
padding:4px 4px;
background:#111;
border:1px solid #232628;
margin:2px 5px 5px 0px;
}

Obviamente que por muito que insistisse, o {float: left;} da folha de estilos do tema iria sempre alinhar as minhas imagens à esquerda…

Solução: retirar esta linha de código no CSS, mas depois surgiu outro problema, só conseguia alinhar as imagens com parágrafos, portanto alguma coisa não estava bem.

Depois de visitar o site do wordpress descobri que este tema não tinha o CSS preparado para a utilização desta ferramenta de adição de multimédia, já que a partir da versão 2.5 todas as folhas de estilo têm de incluir estas linhas:
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

Depois de colocar estas linhas no CSS do template, fiquei com a possibilidade de utilizar então o “Add media” editor com todas as suas funcionalidades.
Se por acaso isto estiver a acontecer com algum dos leitores, aqui fica esta dica para solucionar o problema. 😉

——————————————————-

{ Web }

3 comentários em “Alinhamento de imagens do wordpress não funciona?

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *