How to scale up post thumbnails/featured image?

Is there a way to scale up post thumbnails on WordPress?

On a featured div I want a post thumbnail/featured image with 584×348 px. When I upload a smaller image as a featured image on a post, it won’t scale up to this size. If the image is 250×250, it will appear 250×250. But if I use a larger image as featured image on the post, it will resize normally.

The thumbnail in functions.php is set this way:

// This theme uses post thumbnails
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size(150, 150); //size of thumbs
add_image_size( 'post-thumb', 600, 380, true ); 

The div:

<div class="featured_thumb"><?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'post-thumb' ); } ?></div>

And the class:

.featured_thumb {background:#0C6; width:584px; height:350px; overflow:hidden;}

Can someone help me to figure out how to do it please? I thought of using timthumb but I’ve seen lots of complains about security. Not quite sure about it… Anyway, hoping someone could help me.

2 Answers
2

As WordPress thumbnail generator doesn’t do this “scale up” thing, you can do it using the following CSS rule:

.featured_thumb img{ width:100%; height: 100%; }

Hope it will help.

Leave a Comment