No search results were found in Documentation!
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!
Hello my website is http://www.dailynews24.it and I have issues with the images in the slider.
1) why do this: http://www.hosting.universalsite.org/image-immagine-0702_56B2032A.png happen?
2) which are the ideal dimensions?
3) the image is not from old content but just uploaded
4) I asked this in the past but I could not find a solution. Regenerate thumbs did not work for new images uploads
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
Note…
be sure you did a search/replace in your dbase for any images “inside posts” which have http:://yuorsite/image.jpg type links. Make sure you added the explicit https path to your site in the wp-config.php file.
Do a full regenerate images run.
For instance, if you have an image in a post as http://yoursite/image.jpg and then a new related thumb is rendered in certain places, you may end up with http://yoursite/image-thumn.jpg
Make sure you have a full 301 redirect in place for *all* requests for http to redirect to https in your htaccess file at the TOP.
We went thorugh this nov. 20144 with our site. All of the above were needed.
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
Hello JBH,
Our theme uses a lot of predefined thumbnails in blocks and modules. If you check the Theme panel->Block settings area you can see the list with all dimension of the thumbs wich is used in the theme and which elements -> blocks/modules uses -> http://screencast.com/t/tQuimSer9 If you want to exclude the cropping system wich you have to use the right dimension for your images.
Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.
Hope this helps and let us know how it goes!
Thank you for the message!
After implement this tutorial, my server got “Internal Server Error 500”
use a plugin that can do this for you like WP Smush.it – download
add the following code at the end of the functions.php which is located in the theme folder, the code will automatically compress each thumbnail to 50%:
add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );
After you add the code you need to regenerate the thumbs, for that you could use the Force Regenerate plugin.The value 50 stands for 50%, if you want a better compression or better quality modify it and regenerate the thumbs. Experiment until you get the optimal value.
Help, please
Hi,
Also you might want to check your thumbnails. Your site uses the full size image for blocks, not the thumbs. Please activate the thumbnails from the theme panel for the blocks you use, then make sure your featured images are bigger than the container of the blocks and then regenerate your thumbs (remove any image plugins such as photon from jetpack as they create problems with the theme thumbs). This greatly affects performance.
Thank you!
Hi,
Please regenerate your thumbnails using this guide – https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
If you still have this issue please also provide your site url.
Thanks!
Hi,
Please check this guide and if you have a similar issue please regenerate thumbnails – https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ Also please note that WordPress doesn’t enlarge your images, so if you upload small images on modules which use thumbs that are larger than the uploaded image the original size will be used (the image will not be up-scaled), this is not ideal because blank(grey for some blocks that have background) space may appear around the thumb.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.
Let us know how it goes!
Thanks!
Hello rocket.works,
I have inspected your site again and saw that in your slider you have some incorrect images. So, the general thumb of this element, in your case ->use the Visual Composer element on three column layout <- has the next dimensions -> width=1068px and height=580px as you can see here -> http://screencast.com/t/NAusqn86G Your images ahs these real dimensions -> width=960 px and height=640px -> http://screencast.com/t/18bMXd9t Therefore, your are using inappropriate image with width smaller then the thumb and the height bigger than the thumb and hence the image position, is not centered. The theme only crop the image (center -> top) and does not enlarge this. If your image is too short for the thumb you will have this gap of the space. We suggest using a plugin like ‘thumbnail upscale’ with ‘force regenerate thumbnail’ to fill the thumbs. Also, you can use a bit of CSS but is not the best solution for this ->
.td-module-thumb img {
width:100%!important;
}
The result -> http://screencast.com/t/80nB9f77kG
Hope this helps and let us know how it goes!
Thank you for the message!
I just bought and installed the newspaper theme. I did everything, regenerated the thumbnails, tried couple of other plugins too. But none of the images load up. They do show up when i open up the theme from Appearance>Themes>Customize.
Please Help..
Hello Donmartini,
Please try to use Regenerate Thumbnail plugin to fit your all images into the thumbnails. Also, please ensure that you are using the correct size of images for these kinds of thumbnails. Please notice that the theme only crops images, it does not enlarge/stretch them. The image does not fit the container because it is smaller than the container. You will need to upload bigger images or use the ‘thumbnail upscale’ plugin to stretch images.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
The theme doesn’t have an option to disable the video thumbs but you can achieve this by removing this function from td_video_support.php file: http://screencast.com/t/DUkNokMtlFTm The result will be like here: http://screencast.com/t/n8MXlzQ8mue Please note that you have to regenerate your thumbnails, here is a guide about this step: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ otherwise the video thumbs will still appear on the site.
Thanks!
You need to install, activate and run force regenerate thumbnails to set all new thumbs because newspaper 6 uses a lot of diferent sizes than newspaper 4
Hello,
i did like you suggest.
10 failed to regenerate..
But still i have same problem on mobile version.
Let me know thanks
Paolo
Hello,
This problem can originate from the same regeneration of the thumbnail. Please make sure you have the thumbnails selected here: http://screencast.com/t/fegUs62Cgc then regenerate your thumbnails as I suggested above.
It is not ok to have different size images in the same module/block. All the images are suppozed to have the same size like so: http://demo.tagdiv.com/newspaper/category/tagdiv-fashion/tagdiv-new-look-2015/
Thank you!
Hello,
i have checked your website and saw the thumbnail issues. This is not a big issue. You simply need to check your wp thumbnail and make sure it is set to deafult: 150×150: http://screencast.com/t/oVnoVXv7Cma and then simply use the ‘force regenerate’ plugin to regenerate your thumbnails.
If there are any other problems I missed, please let us know.
Thank you!
I tried using Regenerate Thumbnails plugin and it seems to have fixed the issue for the posts already published, but the problem still remains if I try and publish a new video format post, the thumbnails does not show up in any module/block elsewhere on site.
Any suggestions?
Hello BatuhanSenel,
Please try to use Regenerate Thumbnail plugin to fit your all images into the thumbnails. Also, please ensure that you are using the correct size of images for these kinds of thumbnails. Please notice that the theme only crops images, it does not enlarge/stretch them. The image does not fit the container because it is smaller than the container. You will need to upload bigger images or use the ‘thumbnail upscale’ plugin to stretch images.
Hope this helps and let us know how it goes!
Thank you for the message!
Hey Andrei,
I did as you suggested and it didn’t seem to work. I deactivated all plugins and regenerated the thumbnails, cleared all caches and tested.
The thumbnails exist, I tested it by taking one of the images that isn’t fitting properly, put their location in the url and added the correct size (the size they are supposed to be) at the end of the url and it showed up. For some reason the theme isn’t pulling that specific image though.
Thanks for your help.
Plugin Force Regenerate Thumbnails done this work! 50 % saved space 🙂
Hi
I’ve checked your site and noticed that the theme don’t use thumbs for this block: http://screencast.com/t/akux07VHT Try to regenerate your thumbnails: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ deactivate all plugins except Visual Composer, clear all caches and test again.
Let me know how it goes.
Thanks!
Hello,
This is the response we provided via email:
I’ve looked into this post – http://www.virtualmagie.com/articles/critiques/matos/jeu-de-cartes-bicycle-fireworks/
And the images were not added at their original size – http://screencast.com/t/vhvE8SKcV
To make sure they are fully displayed you have to add the image at it’s original size – http://screencast.com/t/QPCbkeH7DwH
If you want to use 696×0 you could modify wordpress medium thumb – http://screencast.com/t/2G6AOLpp09ov
Regenerate all thumbs using Force Regenerate – https://wordpress.org/plugins/force-regenerate-thumbnails/
After that you can select the medium size – http://screencast.com/t/xqlJAJzvrL
Another thing you may want to check is the padding – http://screencast.com/t/hprB7kCJgJG – http://screencast.com/t/YisDxhHEd8g
Thanks.
