Suporte » Ajustando o WordPress » Formatação das Fotos com o Texto

  • Resolvido anderside

    (@anderside)


    Olá

    Estou tendo problemas com a formatação das postagens.
    Quando insiro uma foto ao lado do texto, no editor mostra corretamente, mas na página a foto fica separada ou encima ou embaixo do texto.
    Quando mudo o template para um básico (teste) a formatação fica correta.
    Só no template que uso ocorre esse problema.
    Se alguém tiver esse tipo de problema pode se manifestar e caso isso já tenha sido resolvido em outro tópico deste fórum gentileza indicar o link.

    Anderson

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • ZackShinra

    (@zackshinra)

    Inclua isso no css do seu tema:

    /* - TAG INICIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    	Início da edição das imagens do post.
    	Essa edição permite postar imagens de qualquer tamanho
    	sem quebrar o layout do site.
    	Aceita também qualquer posicionamento que o usuário	der a ela.
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    .size-large, .size-full, .size-medium, .size-thumbnail,
    .alignnone, .alignleft, .aligncenter, .alignright, img{
    	max-width: 600px;	/* Limita o tamanho máximo para as Imagens no post*/
        height: auto;				/*A Altura é automatica para manter a proporção correta das imagens*/
    	}
    
    .alignnone{
    	padding: 5px;
    	}
    
    .aligncenter{
    	margin-left: auto;
    	margin-right: auto;
    	padding: 5px;
    	}
    
    .alignright {
    	float: right;
    	padding: 5px;
    	}
    
    .alignleft {
    	float: left;
    	padding: 5px;
    	}
    
    .wp-caption {
    	border: 1px solid #DDDDDD;
    	text-align: center;
    	background-color: #F5F4F0;
    	padding-top: 6px;
    	margin: 10px;
    	-moz-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	-webkit-border-radius: 5px;
       }
    
    .wp-caption img {
       margin: 0;
       padding: 0;
       border: 0 none;
    	}
    
    .wp-caption p.wp-caption-text {
    	font-size: 12px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    	color: #666666;
    	text-transform: capitalize;
    	}
    /* - - TAG FIM  - - */

    Faça as modificações que achar necessários.

    Criador do tópico anderside

    (@anderside)

    Muito Obrigado Companheiro!!
    Funcionou como o esperado.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Formatação das Fotos com o Texto’ está fechado para novas respostas.