- TutorialsExisting content
You should consider using an optimization strategy like smush-it, or the code I often recommend to reduce the image compression amount used by WordPress, which when added to the functions.php file will change default compression from 90 to 50 or 60.
You cannot compress images without losing some image quality. Jpeg is a “lossy” file format.
You also need to regenerate thumbnails if using thumbnail upscale to make the larger versions for existing content.
Hi,
Please make sure you have all thumbs enabled in theme panel: http://screencast.com/t/2Q61wQ9qUxU
Then regenerate thumbnails and also make sure you have GD library installed and writing permissions on /wp-content/uploads: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Also make sure you empty cache and try this without any plugins active.
Please let me know if you still have issues with it after doing all this.
Thanks
Hi,
1. You could add a new size like this – http://screencast.com/t/X82FaXO9o
array(
'name' => 'td_200x150',
'width' => 200,
'height' => 150,
'crop' => array('center', 'top'),
'used_on' => array(
'Related articles'
)
)
Enable it from the Theme Panel – http://screencast.com/t/ikTADp1Wdcv
Regenerate thumbnails using Force Regenerate.
Result – http://screencast.com/t/YBErs1WoAT
2. Try this code (add it at the end of functions.php):
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
3. I’ve added this issue on the list, we’ll investigate.
4. You could try defer, async may give some errors:
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer=\"defer\" '";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
Thank you, Emil G.
Hi,
The size of the images can be changed from functions.php: http://screencast.com/t/FbsZ2g0g
And regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
But if you re-size it you might need some css modifications.
Use this custom css and add it in theme panel > custom css filed: http://pastebin.com/77F0NWGS
Result: http://screencast.com/t/9gA1qZ089UMW
Thanks
Hi,
I have also tested this and have’t found any issues using the latest theme version. Please make sure that your use this right and also try this without any plugins active and make sure you empty cache and purge files.
Please also try to regenerate your thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please let me know if you still have this issue afterwards.
Thanks
Hi,
Please also send your site’s URL so I can inspect this and make sure that you use the latest theme version(1.4) and also test this without any plugins active, lave just the VC active, empty cache/purge files and check again.
You can also try to regenerate fonts like this:
1. go to https://icomoon.io/app
2. button “import icons”, import from newsmag.svg (in /images/icons/),
3. select all icons;
4. button “generate font”, button “download”;
5. copy the 4 files (.eot, .svg .ttf .woff), in “fonts” folder in the downloaded zip file, rename icomoon.* to newsmag.*, replace old files, done.
Please let me know f you still have issue after doing this and also provide your site’s URL.
Thanks
Try to download this plugin regenerate thumbnails and run it then clear cache and see if it works.
Hi,
I see that the thumbs work now. Also your thumbnails doesn’t have the right size and need to be regenerated at the them size. To do that follow those steps from here: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ and make a backup before do that.
Thanks!
Hi, thanks for your answer and suggestion. I regenerated all thumbs, flashed all caches (both in WP and in Browser) restarted everything and, to be sure, added a new gallery after this.
Sadly the issue still remains as you can see och the sampel page (http://www.chooyu.se/foton/mount-kenya-2007) :-/
/Janne
Hi,
Please try to regenerate your thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ and let me know if you still have this issue.
Thanks!
1-3-5 Navgation, Megamenu and Search
So i have to disable all plugin and then start activating one by one to check which is causing problem?
2. What will this regenerate thumbnail plugin do? Will it change image size? Sure that won’t be a problem for my blog? I have installed it but waiting for your explanation
4. Smart Sidebar is enabled in my theme panel. How could I find what is creating problem?
6. According to smart list documentation, i did everything right. What else could be the problem?
Hi,
1-3-5 Navigation, mega menu and search
have checked your site and noticed this scripts error in your console: http://screencast.com/t/izsj9JiIHtO8
This could be caused by a plugins as I have tested this using the latest theme version and haven’t had any issue with the pagination so please make sure you deactivate all plugins then empty cache and/or purge files if you use any cdn hosting service then check again.
2. Please try to regenerate your thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
4. Please make sure if you enabled smartsidebar from Theme Panel: http://screencast.com/t/cINIP3dq
This issue can be also caused by JavaScript error.
6. For smart list issue please read here: https://forum.tagdiv.com/topic/smart-lists/
Hope this helps and please let me know if you still have this issue after doing all this.
Thanks!
Hi,
Please try to regenerate your thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
And if this doesn’t fix it please let me know and also send your site’s URL so I can inspect this.
Thanks
Hi,
To comment the images sizes you don’t plan to use and that the theme creates in theme’s functions file: http://screencast.com/t/iA5FdUdGw2 and regenerate thumbs again.
Thanks
Hi,
I see you are using the newsmag theme. That is why you don’t have the crop feature image option in theme panel as this is present just on newspaper theme.
Please address your questions on newsmag forum section on future: https://forum.tagdiv.com/forum/newsmag/
The big grid uses this two image sizes/thumbs: http://screencast.com/t/ucE2vOfWEy In order to change them you need to alter their sizes here: http://screencast.com/t/u1V0JjGCQNZR
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then you need to alter/adjust the container width via css. Here is the css code for the big grid: http://screencast.com/t/9qRFpsCE
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
I suggest you make a backup of your current theme installation before you alter it and get someone to help you with it if you don’t know how to do it.
Hope this helps!
Thanks
Hi,
The thumb used for smart list 3 is the 300×350 one.
You will need to alter the thumb dimensions from here: http://screencast.com/t/Cr3AHCstq4al
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then alter the container width via css. You can use the css from below for it:
.td_smart_list_3 .td-sml3-display-image {
width: 300px;
}
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
Thanks
Hi,
You will need to alter the thumb dimensions for the widget slider from here: http://screencast.com/t/Cr3AHCstq4al
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then alter the container height via css. You can use the css from below for it:
.td-theme-slider.iosSlider-col-1 .td_module_slide {
height: 450px;
}
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
Thanks
Hi,
Thanks Giorgos!
@rimA Change this value to 6 to have 6 posts added to the big slider then use css to style it to look at you want it: http://screencast.com/t/7UvNHiaqvQ
Here is the css code for the big grid: http://screencast.com/t/9qRFpsCE
You also need to add a new image thumb or use the ones that already exist to build the grid, add your new image thumb here: http://screencast.com/t/noIcBcoufoqj and regenerate thumbnails afterwards. To regenerate thumbnails use this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
I suggest you make a backup of your current theme installation before you alter it and get someone to help you with it if you don’t know how to do it.
Thanks
I think you need to turn on the “crop” function for thumbnails somewhere, and then also do regenerate thumbnails. It’s not normal for the theme to “distort” the images you upload. Normally it should make smaller versions and crop to fit that size, losing some of the aspect just like going from a widescreen TV to a square TV, or comparable.
Also remember WP cannot make larger images than what you upload, so you would need to use a plugin like ‘thumbnail upscale’ for featured images on home page or categories larger than what you upload.
Excellent! Thanks for your time and help.
1.- Thanks, on my opinion it’s definitely more useful than have the option to show or not by category the Big Grid.
4.- It is weird. I used “Regenerate Thumbnails” plugin but it didn’t work on my site. I will try with the two other plugins suggested on the article.
5.- Incredible, thanks! Now, could it be possible to add “$td_mod_single” somewhere to the line of code? Because now is missing my custom font for Post elements – Date.
6.1.- “display: none” did’t work. For the homepage I added the extra class to text sidebar widget using Visual Composer, and then add the custom code to Advance CSS – iPad Portrait, but it seems VC is not adding the class to the widget. For the other pages (posts) I use a text widget adding <div class=”class123″> and it works, but the title of the widget continues to appear.
6.2.- Same result as in 6.1: using VC doesn’t work, and using “div class” it does but the widget title is not considered on the class.
–> Is there a way to use Smart Sidebar when Slider is on the same page? Or use other slider (Rev Slider, RokGallery, etc.) could be better?
(the site is accesible again on dev.elguillatun.cl)
Regards,
Felipe Z.
Hi,
Please try the solution provided here by @handiso: https://forum.tagdiv.com/topic/icons-missing/page/2/#post-29906 and regenerate the newsmag font following the steps provided.
Thanks
Well, responsive design is designed to resize images “to fit” … hence the name. Not all phones and tablets have the same resolution, so technically impossible to have all the sizes for every phone. Unless you know how to do that?
So, if you happen to use that size yourself, you may want to add that specific size to your functions.php file for the image thumb sizes, and/or make sure that size is enabled in the theme panel if it’s a standard size, and/or make that specific size the medium size in your wordpress > media > small/medium/large sizes to force enable that size.
*then* regenerate thumbnails so you have that size for your specific phone.
🙂
Hi,
1. You need to do this hardcoded as the theme doesn’t have an option for this so you need to edit the posts template file/files you use and add a condition there to show author only if is the category you want. If you don’t know how to do it I suggest to hire a developer or a freelancer to do it for you as you need custom work for this and we cannot provide any at this time because we work hard on development, updates and support.
2. Unfortunately the mega menu is designed to work using subcategories and for this changes you need custom work as well.
3. Use this custom css to remove that white space: http://screencast.com/t/K8uNc3rOTO9
.home .td-pb-row [class*="td-pb-span"] {
margin-bottom: -99999px !important;
padding-bottom: 99999px;
}
.home .td-container {
border-bottom: 0px;
}
4. The thumbs used on mega menu are created when you upload an image, you need to regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
5. You can edit the post template 2 (single_template_2.php) file and replace the date function using this WordPress function: http://codex.wordpress.org/Function_Reference/get_the_time and get the time format you need.
6. You can use css for this but the issue appears when you try to target it to apply the css just to it as the other sidebar are also added using an text widget so you need to find a way to add a custom class which you can use to target and apply your custom css using the media snippet I’ve pasted below:
@media (min-width: 768px) and (max-width: 1023px) {
add your css code here
}
7. Use this css to hide the views and comments: http://screencast.com/t/Fuptfv3R9jBY
To have the meta section of the slider to look like in the image you need custom work.
Thanks
In homepage (www.diemmestore.it) I see wired thumbnails, in responsive mode, on my iphone.
The theme upload 238×178 pixels instead of 300×224 pixels image, so it looks blurry. I regenerated images but nothing had changed.
How can I fix the issue?
Hello
I use plugin W3 Total Cache, Speed Booster Pack, Regenerate Thumbnails. Speed booster pack active but website slider don’t work, Inactive to work. What is the problem? (ddekordotcom)
Speed Booster Pack Active:
Uncaught ReferenceError: jQuery is not defined