No search results were found in Documentation!
Hi thanks for a great theme! I recently setup our site with MaxCDN and integrated into W3TC plugin. I read thru your documentation carefully — making sure to only use for page cache, not JS minify or anything else.
After implementing the CDN, I next tried using a plugin called Imsanity to optimize all my images. Somehow once I regenerated all my images, it seems to have broke my CSS. Especially the woocommerce product image sizes.
Our site is http://www.askdrmaxwell.com
Can you please take a look at the homepage (towards the bottom) there are 5 products, and they are supposed to be all next to each other in one row.. however now the spacing is all jumbled and not right.
Also on any individual product page, the images are now much too large! I’ve tried to set woocommerce product size in woocommerce settings.. and then use regenerate thumbnails plugin, and also reset cache. However, this does not fix the issue.
Can you please help?
Thanks again!
James
I have a problem with the top ad.
It keeps shifting to the next line. I have no custom css yet. I used the following code to insert the ad:
<div class="td-visible-desktop">
<a href="http://google.com" target="_blank"><img src="" alt="" /></a>
</div>
All my images are the right sizes (checked)
It happens primarily on ipad in landscape, and also occurs on firefox when i activate firebug.
When I look at the demo site, the logo is placed at the left border and aligns with the menu bar. On my site strangely has a padding of some sort… Same for the right site.
What is happening?
Hi, glad that helped 🙂
You can go into the functions.pho file and comment out the “sizes” you don’t plan to use in your layouts. I think the v5 version of theme will let you turn off thumbnails not being used, also.
Another trick is to make the small/medium/large images in the wordpress media settings page (not theme panel) match the three sizes you use the most.
You can find some of my other ideas for optimization in the “page speed” sticky topic. 🙂
I asked this question over on the themeforest comments section but the answer really what I was looking for. Below is the question and answer from there.
Me – Is there no way of having the thumbs of the homepage latest post still be high quality for mobile phones like iphone and androids. Even after I regenerated the thumbnails they always show up grainy on mobile phones.
Support – Hi,
On mobiles they’re set to width: 100% because there are many devices with different screen sizes, you can set the images to their original size using custom css like this: – http://screencast.com/t/DHEEDFsnZQe
Updated question. I want to keep the width still 100% on mobile but the current size thumb for module 11 is not sufficient on mobile phones as it becomes super grainy on mobile screen with high ppi. If I change the thumbnail size to a 600 width for module 11 how can I still keep it within its container for the desktop and 100% for mobile?
WordPress creates thumbnails for the theme based on the sizes set for the theme, so that all those little photos on indexes and home pages actually show up, based on the image you choose for featured image. When WP does this, it adds the sizes for each new version which is logical vs item1, item2, item3, etc. The sizes are added to end of the thumbnail to show which size it is and also so WP knows which image to use for the specific “featured” image sizes when loaded by theme.
Put another way if you have, say 150×50 thumbnails on the site, as part of theme design and upload a 600×350 image, WordPress will then make a yourfilename-150×50.jpg so that the thumbnail is used on home page and not your big image resized to fit, which would slow the page wayyyyy down. This is how WordPress works with images.
See the WordPress codex for more info on how WordPress builds images.
Hi,
Please try this plugin: https://wordpress.org/plugins/force-regenerate-thumbnails/ Use it and see if it also removes the not needed thumbs.
You could also try 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.
Hope this helps!
Thanks
Hi,
The gallery shortcode default take the “thumbnails” size image that is at 150 x 150px like in your case. You need to setup the gallery shortcode to take a bigger image because the 150×150 px is not enough to cover the layout.
Edit your post and go to classic editor, locate your gallery shortcode and specify the size attribute. You can use from default sizes like "thumbnail", "medium", "large", "full" but this not fit the look, here you can use one thumbnail that is cropped by the theme, all sizes are in function.php here:
http://screencast.com/t/1RasbvLpH – for size available
Here is an example I’ve used td_300x194: http://screencast.com/t/hmgjH7nSC and here is how it looks: http://screencast.com/t/fDPffCDE14X
or if you prefer another aspect ratio of the image you can try other size like: td_238x178 http://screencast.com/t/jKC5o7FSph3
Here is the gallery shortcode if you want to read more details: http://codex.wordpress.org/Gallery_Shortcode
Thanks for the message!
Hello, everyone!
I’m try to find information about images sizes, but can’t find. Who knows?)
Hi,
When you add an image WordPress automatically creates a thumb for each module the theme uses so, besides WordPress’s, we have added new image sizes in functions file: http://screencast.com/t/4XZAbtTQ1 in total creating all 17 thumbs are created which the theme needs and are used on modules/blocks and slides.
You can see here the thumbs usage on module/blocks: https://forum.tagdiv.com/modules-and-blocks/ and the one you don’t use and therefore you don’t need you can remove from the theme’s functions file by commenting the add_image_siez() function.
Sorry for the inconvenience!
Thanks for the message!
Hi,
Sorry for the delay!
I have checked your site and haven’t found the custom css I have provided you for your footer logo image: http://screencast.com/t/e00JA1NyXOeZ so please make sure that you have added it to your custom css filed in them panel and alps that you have add it right, like this: http://screencast.com/t/DqfaI5I5qjXv
Should work fine as I have tested this on your site: http://screencast.com/t/O1TiH59vW8N
I believe you refer to this full width image: http://www.kungalvsnyheter.se/td_d_slug_46/ which is the post template no 4 which unfortunately can’t be set elsewhere but on post pages.
If you want something similar on pages you can use the “Homepage – bg – no article list” template and remove the slider.
You can read more about how you can achieve this here: https://forum.tagdiv.com/topic/full-width-image-header-on-hompage/
Here are the recommend logo sizes both retina and regular logo: http://screencast.com/t/lBO69QXxxa
Thanks
Good workaround. I’d rather not have to add yet another funky plugin; and simply have this work the same way it does in Newspaper and for style 6 here, but not for style 4 and 5. I do have the “make thumbs” settings “on” in the theme panel thumbnail sizes:
1021 X 580 [ on ]
This thumb size is used for:
Post style 4, 5, 8
Point was that with post style 4 and 5 and “use featured image” OFF, the post style 4 and 5 won’t load the large featured image at top of page, with featured image selected from the post page as per usual.
“Expected” behavior is as with post style 6, where it does work, while post style 4 and 5 it does not.
lucian hi. i run optimise tool to reduse size images and i saw that! .
The theme makes 17 resizes images for any uploaded image! is this normal?
Optimized image: 2014/11/black-pearl-009.jpg
Full size – Reduced by 5.8% (13,5 kB)
black-pearl-009-83×83.jpg – No savings
black-pearl-009-345×225.jpg – No savings
black-pearl-009-700×458.jpg – Reduced by 0.6% (241,0 B )
black-pearl-009-80×52.jpg – No savings
black-pearl-009-700×357.jpg – Reduced by 0.8% (260,0 B )
black-pearl-009-100×65.jpg – No savings
black-pearl-009-100×65.jpg – No savings
black-pearl-009-326×159.jpg – No savings
black-pearl-009-326×235.jpg – No savings
black-pearl-009-326×406.jpg – Reduced by 0.9% (159,0 B )
black-pearl-009-700×357.jpg – No savings
black-pearl-009-1074×483.jpg – Reduced by 1.5% (853,0 B )
black-pearl-009-545×357.jpg – Reduced by 0.2% (42,0 B )
black-pearl-009-738×483.jpg – Reduced by 0.9% (403,0 B )
black-pearl-009-745×483.jpg – Reduced by 0.7% (313,0 B )
black-pearl-009-210×210.jpg – No savings
black-pearl-009-198×143.jpg – No savings
Elapsed: 2.014 seconds
Hi,
As Christopher write this happens because of the cropping function and to somehow avoid this you could an image near to the aspect ration of the thumbs in which you want it to look well. You can read more about aspect ratio here: http://digital-photography-school.com/aspect-ratio-what-it-is-and-why-it-matters/
You can also read more about function which creates the thumbs and WordPress cropping here:
1. http://codex.wordpress.org/Function_Reference/add_image_size
2. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Also note that if you decide to change some thumbnails sizes you’ll need to regenerate thumbnails again in order to apply changes.
Thanks
Hi,
We will fix this in our documentation, sorry about that.
Here is all the sizes of the featured image for each post style, this is for perfect fix, you need to have exactly this or bigger(if bigger will be cropped)
Default style: 640 x any size
Style 1: 300 x 350px
Style 2: 640 x any size
Style 3: 681 x any size
Style 4: 1021 x 580px
Style 5: 1021 x 580px
Style 6: here tahe the full image that you have uploaded and stretch it
Style 7: – no featured image
Style 8: 1021 x 580px
Thanks for the message!
Yes, when the aspect ratio of thumbnails is different from the original image, it will be cropped; this is normal and usually works perfectly on photos – not so well with logos. Usually what we do with logos is put them on a gradient background or color backing, and then leave more “white space” around the logo to fit the thumbnail sizes better. This is common to all thumbnail systems — basically if it didn’t crop in some dimension, you’d get distorted stretched image in one x or y direction.
This might not apply to your case, but that has been my own experience.
Hi,
Unfortunately the theme’s ads system only works with adsense code or image banners so using another type of ads could generate issues of this kind.
You could also use this sizes options and check if works setting a custom size for your sidebar ad: http://screencast.com/t/TRGdgzusZ
Thanks
Yes. But if you dont have the smaller sizes, then the larger sizes are loaded. Reread the pagespeed page to see the actual problem.
Size is the problem…. Dimensions.
A.. You should not have images that need 100kb size reduction.
B. You should not ideally be loading the 1000 pixel wide images on iphone.
Try testing with gtmetrix as another option for better explanations of problem.
Not sure this is the answer, but check to see if the optimized sizes are actually being created; possibly add those sizes as the default sizes under WP > media settings so they are made in addition to the theme sizes. Problem with “mobile” images is they are responsive but no specific phone uses the same “sizes” for the viewport “width” so technically I suppose images will always end up being resized larger or smaller.
Google mod_pagespeed helps with this issue if your server/hosting company offers that.
But try the media sizes being served added to your media settings, regen thumbnails, then retry. Not sure that will solve it, but worth a try.
I admit I have not yet tested my install of Newsmag for page speed as still messing with the home page and logos today 🙂
Hi,
Seems that this is not possible using the jpeg_quality hook but you can try to do it like this: http://wordpress.stackexchange.com/questions/74103/set-jpeg-compression-for-specific-custom-image-sizes
Thanks
Hi is there any answer on this thread? Seems to be almost constant support for every other thread, bar this and its a pretty major issue.
https://forum.tagdiv.com/topic/right-align-issues-and-image-sizes/
Hi awesome piece of work, we were halfway throuhg re-developing the site and youv’e bassically done what was envisioned and better, thanks!
First Issue:
Few issues, I seem to be getting a column issue, where the slider wont fit and modules afix themselves only to two third of the page, heres a dummy page example:
http://www.entrepreneurhandbook.co.uk/example/ – Any ideas?
Second Issue:
On the homepage for most of the images displayed, they all show different dimensions. Understand they were uploaded with different dimensions but is their no standard way to display images?
http://www.entrepreneurhandbook.co.uk/
Third Query:
Where can I change excerpt text and size? Havinga little trouble finding.
Fourth Issue:
On the slider where images are different dimensions, they don’t seem to auto fit the sldier, it just adds a grey bar depending on dimensions, any fix on this?
eg http://www.entrepreneurhandbook.co.uk/category/startups-business-startup-articles-help-and-advice/
Ideas:
Thought of adding ina sosicla shares counter like mashable? Would be awesome feature.
Thanks for the help it advance for the killer functionality!
David
Wordpress cannot make images larger, only smaller. To have images larger than what you upload, you need to use a plugin for that. I use the plugin, THUMBNAIL UPSCALE by Stanislav Khromov, which works wonderfully.
There is a full-width image layout for posts, if you look at a post edit page, check out styles 4, 5 and 6. However, unless the original image you upload is large enough, it won’t fill the space as WP doesn’t do image enlargement.
So, you would likely want to install the plugin, and possibly regenerate thumbnails with the REGENERATE THUMBNAILS plugin, in order to get images larger to fit theme sizes, which is normal practice when moving to a new theme with different size thumbs and featured images.
Hope that helped!
Hi,
When you add an image WordPress automatically creates a thumb for each module the theme uses so, besides WordPress’s, we have added new image sizes in functions file.
So that the cropping function doesn’t affect much of your added images you need to upload an image appropriate in aspect ration to the thumb you plan to use it for.
In your case this happens because of the portrait type of the images you have added, to fix this you need to add an image with the same aspect ratio as thumbnails so it can be cropped without loosing any part of the image.
You can read more about this here:
1. http://codex.wordpress.org/Function_Reference/add_image_size
2. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Hope this helps!
Thanks
Hmmm…
Hi, did you run regenerate thumbnails plugin when switching to theme to make the thumbs needed for existing stories? The theme doesn’t make thumbnails for existing stories, only new ones. So, your 2002 and 2003 images that are giving you that error should be fixed by the regenerate thumbnails plugin.
(I’d recommend adding my suggested WP image optimization element to your functions.php file before running the script — see my notes in the pagespeed sticky top of forum; go backwards from the end to find my stuff more quickly…. this will cut your thumbnail sizes by 30% without having to do anything else!)
Also remember that the theme / WP won’t enlarge images, only create smaller ones.
We don’t need to use the jpeg mini or smush-it, or similar as we actually run our own webserver using imagemagick and mod_pagespeed; we also optimize our images in Photoshop prior to upload and set the default compression in WP from 90 to 60 for better “built in” compression of images generated by WordPress automatically, and by the theme (see the pagespeed sticky in the forum for more on my tips for image optimization if curious).
You have some issues you can fix like a bad favicon link, load CC logo locally, turn off the aweber tracking pixel, turn off contact form 7 if not using it, etc.
I betcha running the regenerate thumbnails plugin will fix the issue you were mainly having, though 🙂
Might be from a plugin you’re using which resizes the featured image vs using the theme thumbnails. Dunno. Without seeing the report or the post on which the image is loading, have no idea.
Tech support folks will be back tonight/Monday. 🙂
