- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
I haven’t found an answer to this: Some prebuilts use CSS animations for entire columns, such as:
td-text-animation td-right-animation td-order-2
If I’m correct, these classes are being defined within the CSS files of the TD Composer plugin. However, I’m wondering why they don’t seem to work on every page if I copy the classes and apply them to the “Extra Class” option of a column within the Composer. Any advice?
I could provide a code to make them invisible to users that aren’t logged in, like regular visitors. Please try this code:
body:not(.logged-in) .tdb_single_post_views {
display: none;
}
You can add it just for posts, edit the post template with the composer and add a Raw CSS element anywhere in the post template https://prnt.sc/Wt8lOtDLl4Eh then add that code in it https://prnt.sc/P-O0VhkYCSGe
Then clear the cache and check on the website. The views should not be displayed anymore if you check in incognito mode for example, or if you log out of the website.
Please try it.
Thank you!
I see that’s an auto ad which is loaded in the header, but it displays over the content despite your exclusion from that section of the website. That’s quite unusual, I don’t think I’ve seen an auto ad being displayed on top of the content like that.
Did you maybe enter the auto ads code in the header ad spot? https://prnt.sc/PmrcpC6f4TjC Maybe it could force an ad there if that’s the case.
I could provide a code to add some space below the ad, like this https://prnt.sc/PPXnXASsrjDj
Try this code:
@media (min-width: 768px) {
.td-header-sp-recs .google-auto-placed {
margin-bottom: 280px;
}
}
Add it in the Live CSS https://prnt.sc/M5pDgCy46w9F or in the theme panel https://prnt.sc/nAyCIKVHrnme Then clear the cache and check if there is some space below the ad.
Thank you!
I tried installing the theme several times its showing this-
Installing theme from uploaded file: themeforest-lANeHNWI-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Site URL- https://soulsteer.com/
I see it. There is a problem with the width of the columns. While the rows in the composer limit the available space for regular posts built built with the wordpress editors, WPBakery has its own rows and design. So there are rows inside rows, each with their own layout and design.
Thankfully it’s not that much of a problem and can be fixed with some CSS. Copy the code from here -> https://pastebin.com/h5NFKKyL and add it in the theme Live CSS -> https://prnt.sc/FAacVlMRdULy Then clear the siteground cache and check the posts again. They should display properly like this https://prnt.sc/t-Ec67Uk6cY4 Let me know if that works.
If there are other issues someplace else, let me know where.
Let me know.
Thank you!
Hi Simion,
thx four your reply. Just a quick heads-up for your records, no urgent action needed from my side.
The self-hosted video modal in Newspaper (the td-image-video-modal trigger that opens #td-video-modal / .td-vm-wrap and plays the video) does not work correctly together with WP Rocket when its standard optimizations are active (Remove Unused CSS, Minify CSS/JS, defer, and Delay JavaScript execution).
Two separate effects:
On desktop, RUCSS strips the .td-vm-wrap CSS rules because the modal markup only exists after the click, so it renders unstyled and the video drops into the page flow instead of opening as an overlay. Adding .td-vm-wrap to the WP Rocket CSS safelist fixes this.
On real mobile devices (not desktop emulation), the modal does not open at all on tap. This one seems to be on the JS side, likely tdAjaxVideoModal.js being held back by Delay JavaScript execution so the delegated click handler isn’t bound on the first tap. With ?nowprocket everything works.
I know WP Rocket may count as an untested third party plugin on your end, but given how common this combination is in the wild, I just wanted to pass the details along in case it’s useful for compatibility.
Thanks and best regards
I see it now. I see it’s a background image set for the content zone, and there is a 1 second opacity transition before it fully loads.
Since there’s no setting to disable that transition effect, I could provide some CSS to override it. Please copy the code from here https://pastebin.com/TR1GsHjh and enter it in the theme panel here -> https://prnt.sc/HIjJ3Py7GQrU Then clear the cache if you use any, and check the post again. Let me know if that works. In case it doesn’t please leave the code in the theme panel so I can check while it is there.
Thank you!
Hi Newspaper/TagDiv support team,
We are running Newspaper theme version 12.7.6 on our WordPress site (https://www.opisantacruz.com.ar) and we are experiencing an issue with the mobile menu not opening when tapping the hamburger icon on mobile devices.
Here are the details:
**Issue:**
The hamburger menu icon is visible in the mobile header but tapping it does nothing — the menu does not open on Safari (iOS) or Chrome (Android/iOS).
**Setup:**
– Theme: Newspaper 12.7.6
– Page builder: TagDiv Composer
– Mobile header configured in TagDiv Composer with the “Mobile menu” block set to “Mobile Theme” menu
– WP Rocket plugin active with “Delay JavaScript execution” enabled
– WP Engine hosting with server-level caching
**What we have tried:**
1. Excluding tagdiv_theme.min.js from WP Rocket’s Delay JavaScript execution — menu still not opening
2. Excluding /td-composer/legacy/Newspaper/js/tagdiv_theme — menu still not opening
3. Excluding tagdiv_npm — menu still not opening
4. Excluding /wp-content/themes/Newspaper and tagdiv-composer — this caused a blank page on article URLs and had to be reverted
5. Clearing all caches (WP Rocket + WP Engine) after each attempt
**Console errors detected (Chrome DevTools):**
– [Violation] 'setInterval' handler took 133ms in tagdiv_theme.min.js?ver=12.7.6:236
– Uncaught SyntaxError: Unexpected token '.' in swg-basic.js:1
– Two 404 errors: /wp-content/cache/min/1/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/text.js and ace/mode-less.js
**Question:**
Which specific JavaScript file handles the mobile hamburger menu toggle in Newspaper 12.7.6, and what is the correct way to exclude it from WP Rocket’s Delay JavaScript execution without breaking other functionality?
Alternatively, is there a recommended configuration for using Newspaper 12.7.6 with WP Rocket’s Delay JavaScript execution enabled?
Thank you.
Hi tagDiv support,
After updating Newspaper (and/or its related plugins), new posts created after the update save blockquote/quote HTML with backslashed attribute quotes, which breaks the markup and styling.
Example (from WordPress code editor)
…<div class=\”quotesourcebox\”>…</div>
Expected:
…<div class=”quotesourcebox”>…</div>
Notes
This affects only posts created after the latest update; older posts are fine.
The problem appears to be double-escaping during editor save/serialization (Gutenberg / quote styling / quoteStyle/className handling).
On the frontend, the malformed class=\”…\” causes CSS selectors like .td_quote_box to fail.
Request
Could you please confirm:
which component is responsible (theme vs td-composer/td-standard-pack), and
provide a patch / hotfix so quotes are stored with proper attributes (class=”…”) without backslashes?
If you need more info I can provide:
WordPress version, PHP version, Newspaper version, and td-composer version
A full post content export showing the stored HTML
Thanks.
Hi,
That element was merged together with the regular single image. The regular single image can now also display the image as a background -> https://prnt.sc/KDC8xo3YHKlZ
If you used single background image elements on the website, they should still work fine, you can duplicate or copy/paste them and continue using them if you want.
That issue you mentioned having here -> https://prnt.sc/Tg3n2VFy90e4 from what I see it’s caused by some custom CSS from the theme panel https://prnt.sc/ntpUEHBzkVM0 A part of that code is overriding the background image -> https://prnt.sc/3Gg-qXAtOIPf I suggest checking that, modify the custom code if it’s required to make it more precise.
Thank you!
Hey, first of all, thank you so much for reaching out. I really appreciate your help.
But this concern is not regarding my older website, Product Strategies. It is actually regarding my new live website, Product-Wiki.com. Here’s the website URL: https://product-wiki.com/
The main issue is specifically with the blog pages. Honestly, the homepage performance is not a major concern because most traffic directly lands on blogs through search. So my focus is mainly on improving the loading speed and performance of the blog pages.
I have already tried multiple optimizations from my end, including image compression, reducing the first-load image size, lazy loading, caching tools, and several other performance tweaks. But somehow the pages still feel slow and heavy.
So if possible, could you please have a look and suggest some improvements? Maybe there are theme-level issues, unnecessary scripts, CSS/JS loading problems, or other optimizations that I might be missing. Any help in reducing the overall page weight and improving loading speed would genuinely help me a lot.
Thanks again.
Installing theme from uploaded file: themeforest-rsROyoH9-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
I could provide some CSS. But even if they are made to display inline, they won’t all fit on a single line, there are too many menu items -> https://prnt.sc/nd1kRZT8UiNd And some space is required on the left -> https://prnt.sc/rbUJI45weV7b Is that what you want to do? Or perhaps I am completely misunderstanding, sorry if I am.
Another way to do it is to use a mobile horizontal menu, maybe in a new row below the row with the logo -> https://prnt.sc/B-8Fb-8uZsuA This displays a menu horizontally and with a scroll if there are too many menu items to display at once.
Thank you!
Hi,
You are referring to a featured video or audio.
I will explain. So in the post template there are 2 elements that can display the featured image, but only one of them can also display a featured video or audio. This is the one that can display either the featured image or video or audio -> https://prnt.sc/9aJQxnDWhJxl The post template you are using uses the other one, which can’t display a featured video or audio, it can only display an image.
You have to edit the post template with the composer -> https://prnt.sc/6k3xr-hEpXLE and delete the Single Post Bg Featured Image -> https://prnt.sc/YbZJM2_NNTYA and use the other one (Single Post Featured Image) -> https://prnt.sc/3zwpLFkZcEbD
It will also require a few minor design adjustments after using that new element, to make it look the same.
First please set a margin of 0 for the new element -> https://prnt.sc/TxLAZl6IETv-
Then to make the corners rounded, add this class “ev-feat-img” here ->https://prnt.sc/gQPx3mkOBo_S
Then check in this CSS element -> https://prnt.sc/P_nbnvLeQxBj Replace the code from that element with the one from here -> https://pastebin.com/1hPS5YA6
Or if you want I can take care of it. I will need admin login for the website, you can send the user and pass by email at contact@tagdiv.com And please include a link to this topic.
Thank you!
Hi,
Please note that if you use the options from the CSS tab of the elements in the composer, like in this case a row, and you set padding, margins, width, height, etc. -> https://prnt.sc/lomiqkJ5cr3m these will apply on all devices. So it can result in having design problems on smaller screens.
Please adjust the values on these viewports -> https://prnt.sc/R4kAw904i1Ln You can set different values for them, the very least the width on mobile should be set to 100% and it will look better -> https://prnt.sc/pVMJgxSrv1Fk
Also I see there is a problem with the logo on mobile, I think it was set while the website was on a staging platform. Please remove it and set it again -> https://prnt.sc/RRJrj-Rqgyba
Let me know if I can help more.
Thank you!
Hi,
That depends.
By default, if you don’t manually set specific fonts throughout the website, the theme will use Roboto and Open Sans for the majority of the elements. These default fonts can be replaced in the theme panel -> https://prnt.sc/kyLC24dDYgw5
Usually for the newer demos we used global fonts. A global font can be created in the composer -> https://prnt.sc/q2kXyypAH2gL
These global fonts have to be set where you want to use them. The benefit is that you only have to set them once everywhere. After setting them for each element, if you want to change them in the future you only have to modify the global fonts -> https://prnt.sc/GwTmQ7ezVwI4 and not to set them again for each element.
Or you could load the fonts manually with CSS or by other means, and also apply them with CSS. This could be tricky because they might not apply everywhere and you still have to target multiple specific elements directly.
Thank you!
Is there a way to specify the same CSS font-family for the whole site?
Hello tagDiv team,
We would like to report a recurring fatal error affecting a WordPress.com-hosted site using Newspaper and tagDiv Composer.
This issue seems to occur only when the site visibility is set to private on WordPress.com. We use the same Newspaper/tagDiv stack on other sites, but this is the only one where the WordPress.com private-site access flow is involved.
The fatal error is:
PHP Fatal error: Uncaught Error: Class “td_res_context” not found
The error is triggered from:
wp-content/plugins/td-composer/legacy/common/wp_booster/td_js_generator.php
From the stack trace, the issue happens during the wp_footer hook. In this specific WordPress.com private-site flow, WordPress.com serves an access-denied/private-site template and calls wp_footer(). At that point, tagDiv Composer runs its footer callback and tries to use the td_res_context class, but that class has not been loaded yet.
The class appears to be defined in:
wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php
So it looks like the Composer callback in td_js_generator.php assumes that td_res_context is already available when wp_footer runs. That assumption seems to fail in this WordPress.com private-site access-denied context.
Environment:
– Hosting: WordPress.com
– Site visibility: Private
– WordPress: 6.9.4
– PHP: 8.4.21
– Theme: Newspaper 12.7.6
– tagDiv Composer: 5.4.5
– tagDiv Cloud Library: 3.9.5
– tagDiv Standard Pack: 2.8, built on 05.05.2026 9:08
We kept this issue as a low-priority investigation for some time because, although the fatal error was recurring in the PHP logs, the site appeared to work correctly in normal usage. Both the front end and the back office were functioning as expected, and we did not observe any visible impact for regular users or administrators.
However, the error became very frequent in the PHP logs, so we investigated further.
As a temporary workaround, we added a defensive snippet that runs before the tagDiv Composer footer callback and loads the file containing td_res_context only if the class is not already available. After applying this workaround, the recurring fatal errors stopped.
This suggests that the issue could be fixed in the plugin by either:
1. Ensuring the required dependency is loaded before td_res_context is used; or
2. Adding a guard clause before calling td_res_context inside the wp_footer callback.
Could you please review this scenario and consider adding a compatibility fix for WordPress.com private sites or for cases where wp_footer is called outside the normal theme-rendering flow?
Thank you.
Best regards.
Hi,
Some of those are resources loaded by the theme, which is normal. I see you are using litespeed, the settings that help with reducing render blocking and improving the LCP score, are these:
1. https://docs.litespeedtech.com/lscache/lscwp/pageopt/#load-js-deferred
2. https://docs.litespeedtech.com/lscache/lscwp/pageopt/#load-css-asynchronously
Please note that some optimization settings can cause problems with how the website looks or works. Be sure to check the website after activating such options.
I believe you are using mobile pages and templates from the theme, is this correct? If so, please make sure this setting is also active https://prnt.sc/jG610I0zDd7m Clear all caches if you activate that setting.
Thank you!
Hi Simion,
Many thanks, it’s resolved with a CSS fix 🙂
Thanks for the code too.
urbanacres.in 1st party
98.8 KiB 600 ms
…css/td_legacy_main.css(urbanacres.in)
20.6 KiB
150 ms
…Newspaper/style.css(urbanacres.in)
18.7 KiB
150 ms
…td-multi-purpose/style.css(urbanacres.in)
4.6 KiB
…block-library/style.min.css(urbanacres.in)
14.2 KiB
150 ms
…jquery/jquery.min.js(urbanacres.in)
29.1 KiB
150 ms
…css/tdb_main.css(urbanacres.in)
6.7 KiB
…jquery/jquery-migrate.min.js(urbanacres.in)
Hi,
I think that’s an image box section from our Artist demo https://demo.tagdiv.com/newspaper_artist_pro/
Normally an image info box doesn’t look like that, our designers used a bit of CSS to position the description more to the bottom. If you edit your homepage with the composer, there will be a Raw CSS element here below the boxes https://prnt.sc/QVTAjWZ3jcJK Since this was built a long time ago, sometimes there can be conflicts with modifications we make in the theme in updates.
No worries however, that code can be adjusted to achieve the same look. Please remove it and add the one from here -> https://pastebin.com/11MJ9dm9
The result should be like this https://prnt.sc/e6iF21snjd5s
In case there are any problems let me know.
Thank you!
Hello,
I am experiencing the “Layout sync error” (The editor expects 6 zones but the page is rendering 0) when trying to use tagDiv Composer on my homepage.
My hosting provider has already increased the server limits to meet your requirements, but the issue persists. Here is my current System Status:
PHP Version: 8.2
WP Memory Limit: 512M
PHP Max Input Vars: 5000 (Set in Plesk)
Max Execution Time: 300
Upload Max Filesize: 64M
Troubleshooting already done:
ModSecurity has been disabled.
AMP plugin is deactivated.
I tried creating a new page with “Page Builder Root” template, but the error remains.
Permalinks have been resaved.
Browser cache and theme CSS cache have been cleared.
Could you please help me identify what is blocking the editor from synchronizing the zones?
Thank you in advance.
Hi,
I see, you method can work, and what you can do is to use the post/page id to apply the css on it, this will be like this postid-217 – https://www.kadencewp.com/help-center/docs/kadence-theme/find-page-or-post-id/
Thank. I think I figured out a new way to do it.
I find the Div that holds the code and I hide it from the browser using CSS, but only for the particular post I’m interested in stopping ads.
– That seems to have done it and I have a better method to pick up a custom field and trigger off that, again only for certain posts.
