Jump to content
miranda121

Wordpress thumbnail 100% height

Recommended Posts

miranda121

Boa noite.

Estou com uma duvida quero meter um thumbnail a ocupar 100% de height so que a imagem esta ficar maior que o tamanho do ecra e tenho que andar com o scrool para baixo e para cima para ver toda..

tenho o seguinte codigo:

css:

.wp-post-image {
width: 100%;
height: auto;
}

html

<?php the_post_thumbnail('thumbnail-grande'); ?>

functions:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 624, 400, true );
add_image_size( 'thumbnail-normal', 308, 208);
add_image_size( 'thumbnail-grande', 9999, 9999, true );

podiam dar uma ajuda

Edited by Rui Carlos
GeSHi

Share this post


Link to post
Share on other sites
I-NOZex

auto, quer dizer que a altura vai ser o tamanho do conteudo

100% vai ser o tamanho que a elemento pai(elemento superior) tem...

seria possivel mostrares as divs superiores e respectivo css?

ou talves nao tenhas o html,body como 100%...

n sei, tenta nessa classe que tens meteres display:block

eu este tipo de problemas so analizando todo o codigo que condiciona, ou entao por tentativas com o firebug

se puderes disponibilizar mais codigo, ou o endereço do site caso teja online, consigo dar uma solução eficaz....

no entanto, por agora nao ter conseguido ajudar muito, deixo aqi um artigo para leres, que te vai dismitificar muitos porques que nem sempre o height 100% funcionar...

http://imasters.com.br/front-end/css/por-que-height-100-nao-funciona-melhores2013/

Edited by I-NOZex

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
donatello

Boas :)

Como estão?!

Vê se é isto que procuras:

.parte-com-as-images img {
max-width: 100%;
height: auto;
}

Vai ficar 100% nos diferentes ecrãs.

Já agora também especificas a visualização com esta linha(s)?

@media only screen and (min-width : ???px) and (max-width : ???px)

Edited by donatello

Share this post


Link to post
Share on other sites
emanuelx
add_image_size('img_full', 100, 100, false);
the_post_thumbnail('img_full');


com calma e sem stresses

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.