Suporte » Plugins » Centralizar Thumb Author

Centralizar Thumb Author

  • Resolvido victorfranca

    (@victorfranca)


    9 anos, 4 meses atrás

    Olá pessoal, no site que estou desenvolvendo criei um box com as informações do autor do post, como foto e descrição. Porém na foto ele está cortando uma parte da direita da foto, o que eu resolveria se desse para centralizar essa imagem na Div. É possível? Vou postar o link de um post para um melhor entendimento: http://mundoarq.com.br/studio/a-iluminacao-na-decoracao/

    O CSS é o seguinte:

    #thumb-author{
	width:150;
	height: 260;
	overflow: hidden;
	float: left;
}

    E no single.php o código é esse:

    <section id="thumb-author">
<?php echo get_avatar( $post->post_author, 260 );?>
</section>

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Moderador Leo Baiano

    (@leobaiano)

    9 anos, 4 meses atrás

    Sua dúvida é de CSS, vou tentar ajudar, mas não sou nenhuma fera em CSS então talvez queira procurar em fóruns de front end.

    Primeiro eu acho que funcionaria melhor se a imagem do perfil estivesse como background ou se você já cortasse elas com 150px de largura, mas na situação atual tente o seguinte CSS:

    #thumb-author {
width: 150;
height: 260;
overflow: hidden;
float: left;
position: relative;
}

#thumb-author img{
position: absolute;
left: 50%;
margin-left: -104px;
}

    Testei no firebug e funcionou. Só um detalhe, estou levando em conta que todas as imagens terão 208px de largura.

    Moderador Míriam de Paula

    (@miriamdepaula)

    9 anos, 4 meses atrás

    Como você pode ver na screenshot abaixo, a imagem original tem 241×300 e você já está forçando ela pra ter 208×260, sendo que o elemento em que a imagem está, tem somente 150px de largura! Tem que cortar mesmo, né mesmo? rsrs

    https://www.dropbox.com/s/y8lx3wg1jieni36/Captura%20de%20tela%202014-12-15%2018.56.25.png?dl=0

    Faça com que o elemento ao redor da imagem tenha 208px ou tente recortar a imagem no tamanho correto, que seria 150px de largura.

    abs:

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Centralizar Thumb Author’ está fechado para novas respostas.

Visualizações