Thumbnail in Featured pages scaled up

Resolved

(@ghanson)

The thumbnail image on featured pages here http://www.glenys-hanson.info/is being scaled up:

<div class="thumb-wrapper ">
<a class="round-div" title="A Silent Way lesson on syllable stress" href="http://www.glenys-hanson.info/pedagogical-articles-pronunciation-spelling/silent-way-lesson-syllable-stress/"></a>
<img class="attachment-large tc-thumb-type-thumb wp-post-image wp-post-image" height="172" width="170" style="min-width:270px;min-height:250px;max-width: none;width: auto;max-height: none;" alt="Silent Way - today chart" src="http://www.glenys-hanson.info/wp-content/uploads/2015/01/today-chart.jpg">
</div>

How do I prevent this? It didn’t use to happen – only since a recent update of Customizr – sorry I can’t say which one.

In your answer, please take account of the fact that I’m not a developer but I can change the code if given step-by-step instructions.

Viewing 7 replies - 1 through 7 (of 7 total)

Rocco Aliberti
(@d4z_c0nf)

9 years ago

Hi Glenys,
the better way, in my opinion, to avoid this bad effect is using images with the suggested sizes which are 270×250…
Thread Starter Glenys Hanson
(@ghanson)

9 years ago
Well, I’ve changed the thumbnail size to 170×170 by changing the functions.php file in my Customizr Child Theme as suggested here: http://themesandco.com/snippet/changing-default-image-sizes-customizr/
```
//Change thumbnail size
add_filter( 'tc_thumb_size', 'my_thumb_size');
function my_thumb_size() {
    $sizeinfo = array( 'width' => 170 , 'height' => 170, 'crop' => false );
    return $sizeinfo;
}
```
But I understand this will change all my thumbnails to 170×170 everywhere in the site. I’m not sure I’ll want that. This is a new site and my first experiment with thumbnails.

There’s also now a big white space between the images and the name of the associated page. Is it possible to reduce it? See: http://www.glenys-hanson.info/
Rocco Aliberti
(@d4z_c0nf)

9 years ago

Yes because their container has still the suggested size, that’s why I suggested you to do the opposite 😀
Use 270×250 images 😀

Thread Starter Glenys Hanson
(@ghanson)

9 years ago

Thanks for sticking with me, Rocco.
I feel 270×250 images are too large for the context.
What is the container called and where are its dimensions defined? Can’t I change them too to 107×170?

Rocco Aliberti
(@d4z_c0nf)

9 years ago

This is the css selector you need 😉
.widget-front .thumb-wrapper
so
.widget-front .thumb-wrapper{ height: 170px;}
(this is just for the featured pages, is that what you want right?)
should be fine..
Thread Starter Glenys Hanson
(@ghanson)

9 years ago
Thanks so much, Rocco. B-)

I added:
```
/* Change thumbnail container (wrapper) size in featured pages*/
  .widget-front .thumb-wrapper {
    height: 170px;
  }
```
to my Customizr Child: Stylesheet (style.css) and everything looks perfect!

I added a little more detail because I know what we poor technically challenged folk need.
Rocco Aliberti
(@d4z_c0nf)

9 years ago

Glad you solved Glenys, and thanks for sharing the detailed solution 😀

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Thumbnail in Featured pages scaled up’ is closed to new replies.

Tags