- NewspaperRetina Images
- Thumbnails vs. Featured image size
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperAd Box Element and Ads Overview
- NewspapertagDiv Composer Tutorial
- NewsmagAbove footer ads
- NewsmagSmart list ads
- NewspaperThe Mobile Theme
- NewsmagUsing other ads
- NewsmagArticle ads
- NewsmagSidebar ads
- NewsmagHeader ads
- NewsmagTheme thumbs
- NewsmagFont customization
- NewspaperUsing Other Ads
- NewspaperTheme Thumbs
- NewspaperHeader ads
One of our pages includes several images alongside links to other pages on the site where a flipbook is embedded.
The photos, prior to update to wordpress 5.0, would size responsively. Many of them are different dimensions and are cut off outside the frame. Is there a way to have a photo frame that adjusts to the size of an image? I think part of the issue is the column width. I need the column width to adjust to the image as well and not just the image box, but I haven’t yet figured out how to make it work aside from manual entry of column widths and photo sizes.
Hi,
I am running into a HTTP error on my web site using the Newspaper template. I have into this on other sites using other templates and the solution that worked best was to cut down on the number of thumbnails being created. I have confirmed that WordPress is throwing the HTTP error on image upload after creating only a few of the thumbnail sizes. I would appreciate it if you could point me in the direction of the appropriate documentation. Also can I make the change directly within the core template file(s) or do I need to create a child theme to do this.
Hi,
We love this theme!!
The only problem is when we add new elements with the TD Composer with new thumbnails sizes we need to activate that thumb size on the panel, but then they almost never fit and there is a white space on the right or at the bottom of each thumb.
Any way we can make all the thumbs fit any new element we choose to add the pages without re-uploading resized images of the featured images?
Any “push button” solution to resize and fit all images on the site?
Thanks!
Hi
I have inserted a few ‘text with image’ elements on to my home page of a temp URL. I am copying my existing site http://www.fortemcapital.com, bringing it onto wordpress.
This is the temp url http://77.104.132.191/~fortemca/
I can’t seem to format the image and text/image boxes so they are
1) Thinner and fill the page with no border.
2) The images are different sizes, but I would like the image displayed to always be the same size, occupying exactly half the block. So some cropping is fine.
3) There is a white background which I would like to be transparent.
If you could tell me how to make these edits, and recreate the look of my current site, I would appreaciate it.
thanks
Hello,
my issue is that on this page:
https://www.friendinmilan.co.uk/temp/major-city-sights/
the images are shown in a really bad resolution, although I uploaded a good version. i tried to select all sizes, alo retina ones, in the theme panel “thumbs on modules/blocks” and regenerate the images with a plugin, but the images are still ugly. To build the page I used the compser and selected Block 4. Thanks!
Hi,
Predefined blocks and grids (all except flex blocks and grids) will use predefined thumbnail sizes, cropped by center top. The results will be different according to module used and also affected by the image aspect ratio
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
– https://forum.tagdiv.com/featured-image/
With the flex blocks and flex grids you could control the images by some parameters. You could experiment with the flex blocks and grids which have options to manipulate the image
– https://www.screencast.com/t/JqcubPWxoZ
– https://www.screencast.com/t/MF6tn1kSSunH
There are quite a few block and grid designs created by our team which you can import and use, we will add flex grids as well. These are based on the flex blocks and grids
– https://affiliate.tagdiv.com/#/load/Blocks
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Thanks
What is the best size for images proportionally?
I have the image ok when it is bigger, but other images on the home page are only showing part of the image.
That seems to have fixed it,
Thanks.
Maybe the theme needs some tweaking of it’s breakpoints and image sizes? I found several more errors like this one as I was trying to solve the problem with different blocks. Maybe a block editor? It can’t be that hard to edit blocks can it?
Hi there,
it has been a few days that i have been trying to upload media to my magazine webpage, and to no avail.
When I try to upload a media, it says “HTTP ERROR”. I have tried all formats, all sizes, but this is a recent problem that i have been having for over a week now.
I contacted my hosting company thinking it was something wrong on their side, and we’ve tried everything.
But the issue definitely seems to be on the page side of things. They checked and said that the TagDiv plugins are causing this issue. How can I fix this as I haven’t been able to use my business page in nearly a week.
Thank you
We’ve run into a problem with the theme Block 11. When we open up the browser windows to a larger size than 1024px we get an image that jumps up in size and overlaps other content.
How can we avoid this?
I’ve tried block 12 and FlexBlock 1 but neither of those is much better.
Any way to edit breakpoints or default image sizes per layout?
Why is there a layout tab for flex blocks but not for regular blocks?
How do I edit or make my own block?
Here is an example:

Best,
Kim Christiansen
Hi Calin, please stop giving people generic answer to regenerate thumbnails as thats not solo solution.
@Everyone, You have to go to Setttings > Media and increase your image sizes. You might also go to Newwspaper > Block settings > Thumbs on modules/blocks to increase sizes, but I dont think it will be necessary in most cases.
After that you go and regenerate thumbnails (use plugin)
Thats solution
Hi, I’m having problems with putting the images in styles 3 and 4. I used different sizes and did not achieve the goal. Using the 404 template is not the complete image either.
https://ibb.co/XyyNkZw
https://ibb.co/mSbf668
Hello
I have a staging site on http://nyr.sunnlenska.is (going live on Friday morning). My client is complaining about the featured images size. When viewing all the posts on the top of the front page the images are too small. But if you for example click on this post http://nyr.sunnlenska.is/frettir/tyndar-tugthusundir-komust-i-rettar-hendur/ you can see that the image is in the correct size.
Can you help me with this issue ?
Hi,
First, Congrats for this awsome Newspaper theme.
Fantastic!
This support forum was also very helpful for tweaking it.
here’s my problem:
1- I can’t figure out how to add a block 3colons*3lines for my best articles after an article “smartlist6”.
see image

Please can you help?
2- Does Next/Back button appear the same in mobile devices?
I noticed the amp version of my article doesn’t work: ie it doesn’t show the back/next button
Should I de-activate the Amp Newspaper plugin to make it work on mobiles?
What is the cost of de-activating the Amp plugin? (speed? seo? )
For info : here is my modified smartlist6 file
—-
<?php
class td_smart_list_6 extends td_smart_list {
protected $use_pagination = true; // set this to true to use rela pagination on this template
protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}
$buffy = ”;
//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;
return $buffy;
}
protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;
//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
// 2nd ad smart list 6 Modif LJMI 1/12/2018
$buffy .= do_shortcode(‘[td_block_ad_box spot_id="custom_ad_1"]‘);
//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);
//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];
//image caption
$first_img_caption = $item_array[‘first_img_caption’];
//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {
//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);
// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;
// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];
// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}
$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>
</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}
$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);
//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}
// ad smart list 6 Modif LJMI30/11/2018 inversed text and Image
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
$buffy .= ‘</div>’;
// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();
return $buffy;
}
protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id
return $buffy;
}
}
——-
Issue #1: Social icons element in Composer doesn’t list all social networks as in the Theme panel (e.g. I use Spotify and it is missing) – see screen shot https://screenshot.net/7rrlef8
Issue #2: When using cloud template Single Post Template 11 the main image doens’t allign to teh centre when page resizes – it alligns to the left instead. See exaplmes below:
Style 7 from Theme Panel – correct allignment):
– PC screen: https://screenshot.net/n22vlf9
– resized screen: https://screenshot.net/wxx32ux
Single Post Template 11 from cloud templates (incorrect allignment – image alligned to the left):
– PC screen: https://screenshot.net/kvvqgtl
– resized screen: https://screenshot.net/mll5ksv
I hope this helps.
Thanks
Using the TD Composer elements I noticed these bugs:
– Social Icons element: many social networks in the Theme panel are missing from teh list
– Single Post Template 11: main image when page resizes is not allighed to teh center but to the left
Hi,
Please red this topic
-> https://forum.tagdiv.com/topic/images-all-sizes-keep/
Thank you for your understanding.
Hi,
The theme needs to create it’s own specific thumbnail sizes, for the blocks, grids etc
– https://forum.tagdiv.com/theme-thumbs/
When using the theme with existing content, the thumbnails have to be recreated by regenerating the thumbnails
– https://forum.tagdiv.com/existing-content/
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Specific sizes are needed, that is why this has to be done. These will be created from the image set as featured, and cropped
– https://forum.tagdiv.com/featured-image/
These sizes can be disabled in the theme panel, depending on what elements you want to use from the theme. Each size corresponds to multiple elements.
Thanks
Hi,
Some header styles cannot display a larger logo, they have specified logo sizes which should be used for the best results
– https://forum.tagdiv.com/header-styles/
– https://forum.tagdiv.com/logo-favicon/
The exceptions are header styles 9, 10 and 11. These header styles can display the logo you set in it’s full size. For example this theme demo uses header style 10 and quite a large logo image
– https://demo.tagdiv.com/newspaper_cars/
So you could use on of the mentioned header styles, which can display a larger logo size. Let us know if you have more questions.
Thanks
Hi,
I’ve imported SmartApp section from Cloud library for my homepage and 2 other pages and try to add some elements.
I use tagdiv composer to edit, add elements.
1. When I try to add element: “Text with title” is impossible to save the content, no save button and default save button is covered by the new opened block, see picture: https://ibb.co/fiWN0L
2. Why at custom title add H3 tag as title and not H2? (or customizable).
3. Why if I add some rows after I cannot delete them, do not have delete option? (show message: …should be deleted by composer, in fact are never deleted).
4. After I add text with title block how I set him to have the exact row size (margin) like others blocks/rows already existing in page (where I see the sizes of others rows / block?). I must to guess margin and padding? With inspect element isn’t any help.
Suggestion: Tagdiv composer should be improved for sure, especially when create pages, is very hard to understand him. Try to make it simple: add sections > set section structure > add desired elements to new created section structure like:text, image, call to action, gallery button, etc. And possibility to save a page to library to can reuse that structure. I know you give a lot of demos, but always demos should be customized and then it begins the hard part. With over 100K sales on BF, the Divi from ET could not be approach the situation wrong. Do not try to reinvent the wheel.
I forgot one more thing; I would like my thumbnails as seen in the ‘Featured’ mega menu in the header to be of equal size and of square shape (1:1). Is there any way this can be done? One image already has a square thumbnail, but the other two do not, even though they were all uploaded with 1:1 ratio (but different sizes).
Glad you sorted out some of the problems.
Besides installing the mobile theme plugin there would be no other solution to speed up the website on mobile.
The same page content will be loaded on mobile if the plugin is inactive, so using an average or low internet connection speed it will take more time to load everything
– https://www.screencast.com/t/3FdXZdxYPM
Also I see that there could be a problem with the thumbnails. Try to regenerate them with the plugin mentioned in this guide
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Then edit the homepage and check what image sizes are used by the flex blocks
– https://www.screencast.com/t/eH79VV7j2
Use a lower or the lowest image size defined there. No point in loading big images for small modules. That should reduce the page size.
The analytics code for AMP has to be of this form in order for it to work properly
– https://www.screencast.com/t/vJ78X7rUL
There is a tooltip when the question mark is hovered.
Here is an active site https://wyo4news.com/category/news/ – I can work with client on making sure images are all large enough to fill sections, makign things fit 100% would be great but I also see all the downsides to it.
My real struggle right now really is just the autosizing maybe. I have a bunch of images that are 777×437 originally, was something based off old template used. Now that dimension doesn’t really work any more. So I tried optimizing for front page https://wyo4news.com/ boxes by creating png with some space on top and bottom, which works really well for those grids. Looks pretty good. Then I get to news page https://wyo4news.com/category/news/ and layout on top has different sizes and now that blank png top is showing rather than image being centered.
Is there a way to actually change the box sizes for say grid 1 to match the same sizes used say in block 1 or block 4? Or maybe I’m just missing something. I just need images to auto fit as best as possible but I don’t want them cut off. Let me know, maybe i’m missing a feature or doing something wrong. Thanks
Hi Simion,
thanks for the reply. What I mean is WOrdpress generated over thumbnail sizes too (300px x 300px for example) which I believe holds aspect ratios of the original image. I’d love to be able to use that one rather than the smallest thumb of 150×150.
Alastair
hello i want to tell you my very big problem.
first of all i have this site with your template such 2 years: https://www.greekaffair.gr/
my problem is that all my images saved with more one size on backend media library. so my site has be with all my articles: 50 GB site !!!!!!!!! it is very big problem because i have put my site on VPS Server with 70 GB disk space and now i have update to 100GB because i believe that the disk is full at the next month.
first of all could you please to tell me if there is a way to stop this, to create more one size?
Second how can i do when i delete an article to delete an all image from backend media library?
Third, there is a plugin to remove all my unused images from media library?
thank you very much and keep going perfect job because your theme is the best of the best…