- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
Hi,
Is that block cache new? Dont see it in settings.
Hi,
This depends on how your elements are set. Are all of them in one column? IF so, then it needs to set for each element in part on mobile to have a width of 50% and set it to be displayed inline-block https://i.imgur.com/sE0NCqW.png do the same on all images “(the with can be set under 50% if is need)
Thank you!
Hi,
Please try this code:
.cls-live .td-module-title a {
position: relative;
padding-left: 50px;
}
.cls-live .td-module-title::before {
content: "LIVE";
position: absolute;
z-index: 999;
display: inline-block;
align-items: center;
color: #ff2b2b;
font-weight: 600;
padding-left: 18px;
letter-spacing: 1px;
border-radius: 20px;
}
.cls-live .td-module-title a::before {
content: "";
position: absolute;
left: 0;
top: 8px;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
It is possible that I need to adjust the code, so after setting it, please provide a link to the block where I can see how this is looking and adjust it.
Another small change in the text of the menus for vertical tablets.
I inserted the script of this type to prevent the menu at the bottom and the appropriate lines.. the model fails to shrink and align the menu
/* Sottomenu a piè di pagina – Tablet verticale (Newsmag) */ @media (larghezza minima: 768px) e (larghezza massima: 1024px) { .td-sub-footer-container .menu-item > a { dimensione del carattere: 10px; imbottitura: 0 5px; altezza della linea: 1.4; } }
FOR ADSENSE it seems difficult to solve.
Even entering this doesn’t work
/* FIX AdSense overflow – Sub Footer Newsmag */
.td-sub-footer-container,
.td-sub-footer-container .td-pb-row,
.td-sub-footer-container .td-pb-span4,
.td-sub-footer-container .td-pb-span8,
.td-sub-footer-container .widget {
max-width: 100%;
overflow: hidden;
}
.td-sub-footer-container ins,
.td-sub-footer-container ins.adsbygoogle {
display: block !important;
max-width: 100% !important;
width: auto !important;
}
-
This reply was modified 6 months by
SBC.
Hi,
The theme uses admin-ajax to handle the request to the database. Now each block from a page will make it’s on requets, so what you can do is to reduce the number of blocks on your pages.
Another option that can help is the flex blocks teh cache option https://forum.tagdiv.com/use-flex-blocks-cache-option/. This option will cache those block requests and deliver them as long as the cache is set (is recommended that the cache expiration time to be longer if you create only a few articles per day)
Thank you!
The image upload button isn’t working; it does absolutely nothing. I don’t know if it started after the last update. I have everything updated to the latest version, but I’ve also tried three previous versions, and it still doesn’t work.
It simply does nothing. I don’t understand what could be happening, but it won’t let me upload images.
This is an Ad-Block element, but the same thing happens with any image upload; the button doesn’t do anything.
Example: https://ibb.co/4ncMt4rb
Hi Calin,
Thanks for the suggestions — we tested exactly as requested (logged in, no cache, and only tagDiv/theme plugins active) and the issue still reproduces reliably on our side on both desktop and mobile.
From comparing the DOM between an installation where the search works and our installations where it fails, the key difference is where the theme’s Accessibility module ends up placing/targeting #maincontent. The module (via tdAccessibility.js) assigns/normalises the #maincontent container based on what it detects in the page structure (e.g., presence/absence of a proper <main> element and the surrounding wrappers). On our affected sites, #maincontent resolves to a wrapper that also contains the header/search trigger, so when the search is opened the script attempts to apply aria-hidden/inert to #maincontent while focus is still on the search trigger. Chromium then blocks aria-hidden in that state (“descendant retained focus”), and the page ends up in an inconsistent/blocked interaction state.
This would also explain why the same setting appears to work on a generic installation: if #maincontent resolves to the actual content area (excluding the header), the search trigger is not a descendant of #maincontent, so the focus/aria-hidden conflict never happens.
Thank you.
Hi,
To see the CPT you want, make sure that you set this cpt in the flex block builder in the post type section – https://prnt.sc/VS5beQwS8tL3 (that CPT must exist on your website).
Thank you!
Hello,
If you’re encountering an infinite loading screen after clicking Save Settings in the theme panel, the issue is likely related to admin-ajax.php. To diagnose the problem, please open your browser’s developer console and check for any error messages.
This behavior is commonly caused by admin-ajax.php being blocked by modSecurity, your hosting provider’s firewall, or certain security plugins or server modules.
Thank you
Hi,
As per your instructions, I have used the flex block builder and selected the module that I have downloaded “APP Listings – 2 from App Find PRO Demo” and used it in my website aiopscommunity.com but the module doesn’t list the posts from the app listings. You can check the same under the heading “AiOps Apps / Tools” in the url that I have given “https://aiopscommunity.com”
I have a layout where I use Category Description to display custom text for categories, and it works correctly on category pages.
However, I have an issue with the top menu:
some menu items are normal pages, not categories. When I open those pages, an empty text block appears, as if they were categories, showing the default placeholder text (like “lorem ipsum”).
The problem is that:
If I delete the category description text on one page, it is deleted on all categories and pages.
If I add text using Text with Title or Inline Text in the template, that text appears on all categories, pages, and posts.
The Category Description seems to be shared globally across archives/pages when the same template is used.
I cannot set different texts for pages and categories without affecting posts or other pages.
What I want is:
Categories → show their own category description text
Pages in the top menu (not categories) → show different custom text or no category text
It seems the problem has been fixed by lowering the category text a bit; if it’s lowered just above the entries, it behaves correctly. Just in case that helps.
Thanks
Ok, so you have now under cloud templates > modules that module, right? If so, edit the page/ template taht display taht message, select the element (will be a flex block builder) and set the module that you just got from the cloud. ou can get allthe details in our guide – https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
Hi Calin,
Yes, that’s right, it would be nice to have an option to disable the opacity on hover setting. I have an instance where the buttons overhang a background of the same colour. It looks nice until someone hovers over a button.
Also, please note that imgur is now blocked in the UK, making your shared screenshots inaccessible to a wide number of users. Might I suggest another image sharing tool.
Hi,
There are indeed thumbs that are created by the theme so check in the theme panel > block settings and let enable only the thumbs you are using – https://forum.tagdiv.com/thumbs-on-modules-and-blocks/ also, wordpress will generate some thumbs https://i.imgur.com/luRoCac.png
After taht use a plugin that will check all thumbs and remove those that are not used https://wordpress.org/plugins/force-regenerate-thumbnails/
Hi,
What you can do is to use the flex block cache option and set it to at least 10 minutes, this should improve the results https://forum.tagdiv.com/use-flex-blocks-cache-option/
Hello, I need to change an introductory text on several pages and categories. When I do it using text blocks, the same text is duplicated across all categories, pages, and posts. If I use the category text instead, the block appears empty on pages because they are not categories.
I would like to insert an independent text block on each page, section, or wherever I need it in each specific case.
Could you please help me with this?
Thank you very much in advance.
Why WordPress + Newspaper creates ~27 image sizes
Two things are happening at once:
1️⃣ WordPress core creates image sizes
By default WordPress generates:
thumbnail
medium
medium_large
large
plus retina variants (2x)
2️⃣ Newspaper theme (tagDiv) adds many custom sizes
Newspaper is optimized for:
blocks
sliders
modules
mobile / tablet / desktop
retina (2x)
So it registers 20+ custom image sizes, which is why every upload explodes into ~27 files.
👉 This is normal behavior for Newspaper — not a bug.
What image sizes does Newspaper REALLY use?
In practice, Newspaper mostly uses these core groups:
✅ Commonly used sizes
td_696x0 → main article featured image
td_1068x0 → full-width layouts
td_300x220 → small blocks
td_534x462 → medium blocks
td_80x60 → widgets / lists
Retina (2x) versions of the above
⚠️ Many other sizes are edge cases (rare modules, legacy layouts, demos).
Option 1 (Recommended): Reduce image sizes SAFELY ✅
Step A: Disable unused sizes via code
Add this to functions.php (or a custom plugin):
add_filter(‘intermediate_image_sizes_advanced’, function ($sizes) {
$allowed = [
‘thumbnail’,
‘medium’,
‘large’,
‘td_696x0’,
‘td_300x220’,
‘td_534x462’
];
foreach ($sizes as $key => $value) {
if (!in_array($key, $allowed)) {
unset($sizes[$key]);
}
}
return $sizes;
});
📌 This:
Keeps only important Newspaper sizes
Stops WordPress from generating the rest
Option 2: Disable Retina Images (Huge win 🚀)
Newspaper creates 2x images by default.
Turn them off:
Newspaper → Theme Panel → General Settings → Retina Display
➡️ Disable Retina Images
💡 This alone can cut image generation almost in half.
Option 3: Use a plugin (Easiest, no code)
Install Disable Media Sizes or Perfmatters.
Then:
Disable unused WordPress sizes
Leave Newspaper core sizes enabled
⚠️ Don’t blindly disable everything — Newspaper needs some sizes to avoid layout breaks.
Option 4: Regenerate after cleanup (IMPORTANT)
After changing sizes:
Install Regenerate Thumbnails
Regenerate
Delete old unused thumbnails (plugin or server cleanup)
❌ What NOT to do
Don’t disable all td_* sizes
Don’t edit Newspaper core files
Don’t rely only on CDN offloading (it hides the problem but doesn’t fix disk usage)
Best setup for Newspaper (my recommendation)
✅ Disable Retina
✅ Keep 6–8 essential sizes only
✅ Use Bunny / CDN for delivery
✅ Use WebP/AVIF
This keeps:
Layout intact
Disk usage low
CDN fast
My home page suddenly get like this, but previous it was cloumns and blocks and all
[td_block_big_grid_8 td_grid_style=”td-grid-style-3″ sort=”modified_date” open_in_new_window=”yes” show_modified_date=”yes” tdc_css=”eyJhbGwiOnsiYmFja2dyb3VuZC1zdHlsZSI6ImNvbnRhaW4iLCJkaXNwbGF5IjoiIn19″]
[td_block_1 sort=”” limit=”6″ custom_title=”MOST POPULAR” td_ajax_filter_type=”” td_ajax_filter_ids=”” td_filter_default_txt=”All” ajax_pagination=”next_prev” category_id=”20″][td_block_2 category_id=”134″ limit=”6″ custom_title=”AUTOMATION & FUTURE OF WORK” header_color=”#dd4646″ td_filter_default_txt=”All” custom_url=”https://technichepro.com/category/ai-machine-learning/future-of-work/”]
[td_block_6 category_id=”20″ limit=”2″ custom_title=”AI & MACHINELEARNING” td_filter_default_txt=”All” header_color=”#25b3b5″ custom_url=”https://technichepro.com/category/ai-machine-learning/” sort=”random_posts” linked_posts=”parent”]
Thanks for the clarification, Calin.
Suggestion still stands, would be great if the developers could add an option to display the message on flex blocks as well as loop blocks.
Hello tagDiv Support,
We are experiencing an issue with the header search (magnifier icon) that may block page interaction, mainly on mobile, only when the Theme Panel module:
Template Settings → Accessibility (Keyboard + Skip link + Search dialog) is enabled.
When the magnifier is tapped, the search panel appears, but the page can become partially or fully unresponsive (e.g., cannot type into the search field, closing becomes unreliable, and the page may require a reload to recover). In DevTools we consistently see the following warning during the sequence:
“Blocked aria-hidden on an element because its descendant retained focus…”
This points to tdAccessibility.js applying aria-hidden=”true” (and/or inert) to an ancestor while a descendant still has focus (e.g., the search trigger button or the search input). This creates an invalid accessibility state and can leave the UI in an inconsistent “stuck” state.
We implemented a temporary mitigation snippet to prevent the stuck state site-wide, but we intentionally excluded one single post so you can reproduce the issue without the mitigation on a controlled page:
On that page, the behaviour is “as-is” with the Accessibility module enabled, to help you test and diagnose the tdAccessibility.js Search dialog flow.
Please review the tdAccessibility.js Search dialog logic to ensure that:
aria-hidden=”true” / inert is never applied to any element that contains the currently focused node;
the search dialog container cannot end up aria-hidden=”true” while it contains the focused input;
opening/closing restores a consistent state every time on mobile (focus + attributes).
Thank you.
Regards.
Hi,
The message is currently displaying only in the loop blocks. My suggestion was in case you want to use a module you made with the module builder and have the option to filter the results by the category you want.
Thank you!
Hi Calin,
Just tried the flex block builder, which as you say does have the filtering options. Unfortunately, it still doesn’t let me display a ‘no results found’ message.
Thank you for the tip nonetheless.
Hi,
Unfoirtunately thetre is no Big grid like taht but you can create one, use a row, set it in 2 columns, in the first column make it smaller and the second column bigger https://i.imgur.com/wAiP2XX.png then set the Big grid flex 1 and set it to display only one grid per row – https://i.imgur.com/aLXPRPh.png after that copy it and paste it uin the left column to get 3 grids and in the right column once – it will look like this https://i.imgur.com/riKuioS.png after that just adjust the image from layout tab, set the margin 0 for the bottom and set the filer and offset on each block in part https://i.imgur.com/gFw6t5y.jpeg https://i.imgur.com/8BahnM8.png
Hi,
To achieve this, you need to add a block on your website and configure it to display only one article. Make sure the block is sorted by latest, and assign it the class “cls-live”.
With this setup, the result will apply only to the most recent post, as you described.
Unfortunately, there is no option to automatically apply this behavior to all blocks that display the latest article. You will need to use the method described above for each block.
Thank you.
Hi,
If you want to have the possibility to use modules but also to manually set the category in the filter, then you can use the flex block builder. This block uses the module you made with the module builder and provides all the settings you need as a flex block does.