Hi. I’ve been using td_module_10. I made some CSS customizations to it and it works and looks good.
http://prntscr.com/9y3kw9
Then I wanted to make thumbnail bigger. Now they are 218×150. This is defined also in td_module_10.php file.
I managed to do some css to it and set thumb to 260×180. But then the thumb gets blurry. I used regenerate thumbnails/force reg. thumbnails plugin but nothing happens.
When I edit td_module_10.php file and replace 218*150 to 260*180, the thumbs disappear from the element on homepage.
Where should I make these changes (define thumbnail size for module 10) so the actual thumbnail rendered is 260*180?
If I just use css the thumb that gets loaded is 218*150, just little bit enlarged, which results in blurry thumb.
I found the answer on envato support but screenshots you gave as answers are expired.
Thanks
Hi,
In order to define a new thumbnail, you need to add it to td_config.php here: http://screencast.com/t/IPA4sRi5 or you can chose another existing thumb for module 10 like for example 265×198 which is already defined.
Thank you!
Hi Bogdan,
thank you for the solution. I did just what you said. I defined new thumbnail size in td_config.php.
Then I changed it in td_module_10.php file. Then I regenerated thumbnails. The result: blank (no thumbnails) space.
Maybe I missed something. Can you please paste here 1-2-3 steps on how to do it so it works?
I want module 10 to have thumbnail size 280×173.
Thanks
Hello,
Here is a tutorial on how to create a new thumbnail in our theme:
1) Access td_config.php and add the new thumbnail code like so: http://screencast.com/t/06jMvMcJjKl
In this case we are adding this thumbnail:
td_api_thumb::add('td_280x173',
array(
'name' => 'td_280x173',
'width' => 280,
'height' => 173,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Module 10'
)
)
);
2) After you added the code for the thumbanil and renamed it to match the sizes you want, you will need to access the module you want the thumbnail to be used in: http://screencast.com/t/UaYgy9aX
3) If everything went right, you should now have a new thumbnail in the theme panel which you need to activate: http://screencast.com/t/tfpPcacE
4) Now you need to regenerate your thumbnails: http://screencast.com/t/KvlRwhBY7
5) Now your new thumbnail will display in the module you set it to: http://screencast.com/t/WOP0f7yp
In most cases it will need a few css ajustments in order for it to display properly.
For this particular example you can use this code:
.td_module_10 .item-details{
margin-left:295px!important;
}
Final result: http://screencast.com/t/4gF43GDos
WARNING: A module will be used in different places, not just one block so when you modify a thumbnail you need to be careful where the module is used. Please refer to this section to see where a module is used to know what blocks will be affected by the modification: http://screencast.com/t/SAcFVXNDL7
Thank you!
