Miniatura deformando

[wallacejonathan 0]

Amigos, to com um problema muito chatinho..

 

As miniaturas do query post ficam distorcendo demais..

Já tentei usar esses css

 

.img3{

width: 150px;

height: 150px;

overflow: hidden;

float: left;

margin: 20px 20px -50px 0;

}

.img3 img{

width: 150px;

height: 180px;

}

mas não ta adiantando..

Vocês podem ver logo abaixo no site mesmo:

http://moveus.com.br/eventos/]

Alguém pode me ajudar ?

Abraços

[Denis.Santos 7]

Ficaria com um resultado melhor se vc usar a medida em porcentagem.

 

Por exemplo:

 

.img3 img{

max-width: 50%;

}

A qualidade da imagem fica melhor.

[YFilus 14]

Olá Wallace,

 

Acho mais fácil você criar um thumbnail com o tamanho correto que você quer usar naquele lugar.

 

Adicione isso no functions.php do seu tema:

 

add_image_size( 'custom-thumb', 375, 150, true );

 

E para chamar a imagem:

 

<?php the_post_thumbnail('custom-thumb'); ?>

 

Aqui vai a documentação destas funções:

 

https://codex.wordpress.org/Function_Reference/add_image_size

https://codex.wordpress.org/Function_Reference/the_post_thumbnail