Square images

Hi,

I’m in the process of upgrading from v4 to v6 and my old site have square images which i changed in functions.php. It seems this have changed for v6. How can I easily set the images to be square. Ideally without hacking the theme so they will be overwritten every time I upgrade.

Cheers

Hi Bogdan,

doesn’t seem to work when I change the size for block 7 to 100×100. After I regen the thumbnails they are huge and cover the text.

Hi,

but wont that make alle the thumbnails the same size always? Ergo not adjust the size responsive?

Here’s my v4 site: http://sagablott.no/
That’s how I want the thumbnails to be like

Here’s my staging site:
http://sagablott.staging.wpengine.com/

For the record, the images I need to be square are:

Block 4
Block 7
Related articles
Live Search

I’ll give it a go 🙂

Do you have a list of all the blocks and their corresponding modules?

Thanks 🙂

• This reply was modified 10 years by creactivate.

Hi,

sadly that option didn’t work as intended either. The images for Block 4 was too small and the images for block 7 was too big (overlapping).

I tried another solution from the forum: https://forum.tagdiv.com/topic/thumbnails-square-featured-image-is-not/

I’ve added this to td_config.php:

        td_api_thumb::add('sb_324x324',
            array(
                'name' => 'sb_324x324',
                'width' => 324,
                'height' => 324,
                'crop' => array('center', 'top'),
                'post_format_icon_size' => 'normal',
                'used_on' => array(
                    'Module 1, 2', 'Block 2, 3, 4, Big grid 2'
                )
            )
        );
        
        td_api_thumb::add('sb_100x100',
            array(
                'name' => 'sb_100x100',
                'width' => 100,
                'height' => 100,
                'crop' => array('center', 'top'),
                'post_format_icon_size' => 'small',
                'used_on' => array(
                    'Module 6, 7', 'Block 1, 2, 7, 8, 16'
                )
            )
        );

Then changed td_module_2.php:

<?php echo $this->get_image('sb_324x324');?>

This gives me the sizes I want for my thumbs. But the text is still positioned as it’s the old sized thumbnails. Do I need to add some css to push the text down?

Thanks

• This reply was modified 10 years by creactivate.

So where and how should I change the css for Block 4 and Block 7?
Basically Block 4 needs an extra 164px and module 7 30px extra.

Thank you.