Apesar de alguns temas para wordpress já possuírem no código CSS o tratamento das legendas em imagens, muito temas não possuem, e não concordo em trocar de tema apenas para conseguir uma característica que meu tema não possui, tanto que no GF Soluções tenho o mesmo template há quase 2 anos, sempre melhorando o código e acrescentando características que ele não possuía.

legendas em imagens
Legendas antigamente no GF Soluções

A imagem acima mostra como aparecia as legendas nas imagens, mas com o código abaixo colocado no arquivo style.css resolvi o problema, veja como essa mesma imagem mostra a legenda agora.

Segue o código:

/* Legenda nas imagens */
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
.wp-caption {    
	border: 1px solid #f3f3f3;
	text-align: center;
	background-color: #f00;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
 
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
 
.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
	color:#fff;
	}
/* Fim Legenda nas imagens*/

Gustavo Freitas

Problogger, empresário e professor. Criou seu primeiro blog em fevereiro de 2008 e não parou mais de criar blogs.

Participe da conversa

2 Comentários

Comentários

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

  1. Responder

  2. Eu ainda estou engatinhando no wordpress. Não sei inglês. Migrei do blogspot que era bem simples. Agora me bato para colocar vídeos. Gostaria de saber também como eu coloco um áudio (podcast ou música) e como posso colocar o crédito de uma foto (com corpo menor do que do texto convencional) e como colocar títulos maiores nas páginas internas. Obrigado.
    Ah! Estou seguindo a revista e gostaria, como jornalista, escrever algum artigo futuramente. Obrigado.

    Responder