No search results were found in Documentation!
So here’s the issue I have, it has an option for a background ad but there are no dimensions. So I try to upload a 1920 x 1080 background image and it’s covered by the middle column, I can’t ‘stretch’ it as it changes the pixelation of the image. I want to offer my advertisers the background but I don’t have dimensions to give them and the block image sizes for modules are not relevant to the background image. Not sure if I am making sense as I am new to this theme. Thanks Catalin.
Hello snowsbest,
Please notice that our theme does not have a strict size of the images, sorry! We have a list of image sizes for our module thumbs, like here -> https://www.screencast.com/t/5dAwygXF according to each module used by you.
Thanks for your understanding!
Hi,
It doesn’t look blurred from what I can tell
– https://www.screencast.com/t/NvWhRLLO2Y
Those are the recommended sizes to be used for each header style. Only for header styles 9, 10 and 11 there is no size required, the logo is displayed in full.
The theme will not add anything to the image or process it in any way. It simply places the image in the logo container. Enter the exact image in a test post for example, and see if there are differences between them.
Thanks
I have been having a problem updating my newspaper theme . I have 8.0 tring to update to 8.1. When I apply the update it takes all the single images in visual composer and resizes them way to big. This happens in staging to I dont ever copy staging to live.
WPBakery Visual Composer 5.2.1
Wordpress engine 4.8.2
Hi Bogdan,
Thanks brilliant, thank you very much! It looks lovely 🙂
One more (hopefully the last one in this thread!). Is there a way to stop the Featured Image in Post Template 7 from re-sizing when you change the window size? The site looks spectacular when the browser is maximised, but when you size down slightly (including mobile), it resizes the photo slightly, creating a black bar. Example image here. It stops at a certain point, which suggests there is a way to stop it resizing but I can’t be sure.
Sorry for all the bother, and thanks again for all the help 🙂
Hi,
Each block module used by the theme has a predefined thumbnail size. These thumbnails are created from the featured images you set for posts automatically
– https://forum.tagdiv.com/theme-thumbs/
There is no option to modify these sizes, only by code modifications but that is not recommended.
Please try and use the grids and block that are available, each block is different and uses a different thumbnail
– https://demo.tagdiv.com/newspaper/block-1/
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Thanks
Hi,
The thumbnail sizes that the theme uses cannot be changed. There is no option for that at the moment. This is an automatic process, it will create the necessary thumbnails sizes from the featured images you use
– https://forum.tagdiv.com/theme-thumbs/
Each block module and other elements use a predefined thumbnail size, in the theme panel you can only disable certain thumb sizes from being created.
Thanks
Also with below code. Is it a different image with different sizes for different devices?
THanks
Hi
I am not normally stumped; but this one driving me nuts.
Issue: I am making my inline images in posts 696×522 to comply with some of Google’s snippet and AMP shenanigans, but I need to make a function to set the image to the ‘large’ thumb size for site as 600×450 via some kind of rewrite; *or* append a
width:100% height:auto to the specific custom RSS feed. Supposedly one can setup a rewrite for a specific post ID to look for the img tag and then append or rewrite the code, such as remove the size or rewrite the 696×522 to 600×450 or whatever.
Using custom page method to make RSS feed with name ‘xmlcleanfcnetwork’ and page ID ‘26124’
current image inline with post (in the post meta)
img src="https://www.xxxxxx.com/wire/images/17-0908-easeus-mobisaver11-696x522.jpg" alt="EASEUS Mobisaver 11" width="696" height="522" class="alignnone size-full wp-image-28747" srcset="https://www.xxxxx.com/wire/images/17-0908-easeus-mobisaver11-696x522.jpg 696w, https://www.xxxxx.com/wire/images/17-0908-easeus-mobisaver11-696x522-300x225.jpg 300w, https://www.xxxxxx.com/wire/images/17-0908-easeus-mobisaver11-696x522-600x450.jpg 600w" sizes="(max-width: 696px) 100vw, 696px"
trying to rewrite the
src="https://www.SITENAME.com/wire/images/17-0908-easeus-mobisaver11-696x522.jpg"
to print the
src=" ... /17-0908-easeus-mobisaver11-696x522-600x450.jpg"
(( ARGH ! ))
Also note, that WP cannot ‘enlarge’ thumbs from original image size, so you would need a plugin to allow thumbs to be enlarged to sizes above what you upload. At least that’s what we used to need to do over here. ‘thumbnail upscale’ seems to help with that. Might not have anything to do with your issue, but noting it here for others who chime in later “I’m having same problem…” if applicable …. 🙂
I know that wordpress handles 3 images from the “setting” area. I want to turn couple of more images sizes from the theme ‘block setting’ area but i only need it to create multiple images for ‘feature image’ of the post But not all of the images inside the post.
There should be a piece of code to deactivate from somewhere to disable this option for all the post images except the ‘feature image’.
Hi,
I am using Newmag. It creates thumbnails for all the images that are uploaded inside post. I want to limit those thumbnail creation which theme creates to the feature image only. Is there a way to stop the theme from creating various thumbnail sizes for rest of images inside post, other than feature image?
You are right. That’s exactly what is seen on Google Chrome’s developer tools.
But, when I look at the source code in text format, and also fetch with Google Search Console, I see code implementation as below:
<a
1168
href="https://www.teknoblog.com/youtube-yeni-logo-tasarim-154325/" rel="bookmark" title="YouTube yeni logo ve tasarım ile kullanıcılarının karşısında" data-wpel-link="internal"><img
1169
width="537" height="360" class="entry-thumb" src="https://static2.teknoblog.com/wp-content/uploads/2017/08/youtube-koyu-tema-yeni-tasarim-300817-537x360.jpg" srcset="https://static2.teknoblog.com/wp-content/uploads/2017/08/youtube-koyu-tema-yeni-tasarim-300817-537x360.jpg 537w, https://static2.teknoblog.com/wp-content/uploads/2017/08/youtube-koyu-tema-yeni-tasarim-300817.jpg 1074w" sizes="(-webkit-min-device-pixel-ratio: 2) 1074px, (min-resolution: 192dpi) 1074px, 537px" alt="" title="YouTube yeni logo ve tasarım ile kullanıcılarının karşısında"/></div>
As you see alt=”” part is empty. That’s why crawlers see images without alt texts.
By the way, the web site is http://www.teknoblog.com.
Hi,
Then that probably means that the featured image you sue for those posts, is not big enough in size to allow the theme to create the proper thumbnail sizes.
That Big grid module need this thumbnail size to display properly
– https://www.screencast.com/t/V7xKIQJW
– https://www.screencast.com/t/Z9fbxLMq
If the featured image is small, some thumbnail sizes will not be created by the theme. You could try a thumbnail upscale plugin if you have to use smaller featured images.
Thanks
Hi,
Here you can see the required logo sizes for each header style
– https://forum.tagdiv.com/logo-favicon/
Notice that Header styles 9, 10 and 11 do not have a limit for the logo image. You can use any logo size that you wish and it will be displayed in full
– https://forum.tagdiv.com/header-styles/
For the top menu you can set a background color in the theme panel
– https://www.screencast.com/t/IlZumBwMa0
Please correct me if I misunderstood something and provide more details for more accurate answers.
Thanks
Hi,
If you mean the mobile menu/search background image, the theme demo uses an image if this size for example
– https://www.screencast.com/t/NfE59bYor
You can try experimenting with an image like this, or make some tests with different sizes and see which are best to be used as background.
Thanks
Where are the image sizes noted. I’m using newsmag
Depends on which template you’re using. Check the image sizes noted for each template, and then choose the size used for that. Then let system make anything smaller for thumbs. For sizes larger, you can upload to that size if needed on case by case basis.
At least that’s what I do 🙂
What is the recommended image dimensions to upload as a Featured Image for a post. Id like to ensure continuity across all posts as much as possible.
Thank you
Google doesn’t like ‘resized with CSS’ images as the browser has to do the work, which is considered slow for mobile vs an optimized “serve images at actual size” methodology.
One trick is to change the 3 image sizes made by WordPress, separate from the theme to be your 3 most use sizes. Also consider cutting couple of modules.
Or, you could turn sizes off, and thumbs won’t be made, and will be resized in some instances (larger to small, but smaller to large will not fill boxes).
Try it; but then also check your Pagespeed Insights from Google for “make images right size…” warning.
If your server does mod_pagespeed, you can have it build temp cache images on the fly, including conversion to webp format. Again, something you’d need to test.
(I don’t work here; but we went through this. We ended up limiting “total number of sizes to 6” to keep thumb explosion down.)
ALSO: be sure to change the default compression for thumbs in your wp-config.php, as most small thumbs don’t need to be razor sharp, and so compression level of 50 works for most stuff!
We have upgraded to Newsmag 4 and now all of the images in our uploads folder are being duplicated 20 times.
This is having a significant impact on server space.
I understand the sizes can be switched off through blocks management in theme panel, but for ideal display and experience we need most of these sizes enabled.
Why cant it just dynamically resize on the page instead of having to make 20 copies of the same image, which is incredibly inefficient?
Any help much appreciated. We host quite a few sites with tag div newsmag and most of which are now over 2GB each.
Thanks in advance
Hi,
The theme will create it’s own thumbnails from the featured images you set for your posts
– https://forum.tagdiv.com/theme-thumbs/
These will be used on the blocks that you place on pages and used in various other locations on the website.
The thumbnail sizes can be enabled or disabled in the theme panel. For each thumbnail it is specified where it is being used
– https://www.screencast.com/t/2SE8PCjQGIR
There are multiple guides and tutorials here on the forum regarding speed optimization, that you can search for and read
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/cloudflare-cdn/
Thanks
Hello vinmigliore,
Sorry, but please notice that is not possible to do with our theme, sorry! It is more complex and allows you to make some different things, using a lot of image sizes. You can do this but only if you will turn off the other unwanted ones.
Thanks for your understanding!
Hi;
I use the big grid 12 on my homepage.
Default Settings :
Big Grid 12 image sizes :
1- 533×450 (Left)
2- 523×220 (right-top)
3- 523×220 (right-bottom)
i want to change this sizes
1- 780×440 (Left)
2- 390×220 (right-top)
3- 390×220 (right-bottom)
How can i do it?
Thanks
I would likely do the import using default 2016 theme first; then once you have import done; switch to the tagDiv theme. The simply do force refresh plugin for the images to render at sizes for theme.
What you’re trying to do is not theme related, so folks here can only provide advice.
Sorry to intrude. I’m no longer butting in anymore as of tonight; 4 years of helping out is my limit now. Cheers.
