- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Also in adobe type code we have -> <link rel=”stylesheet” href=”https://use.typekit.net/ubz4gdu.css”> and font name WarnockPro
but body, p {
font-family: Roboto;
font-size: 16px;
} css is in higher level than
.tk-warnock-pro {
font-family: “warnock-pro”, serif;
} for wexample if we place the class in cms elements.
Hello,
I’m experiencing a display issue in the WordPress admin area. When the tagDiv Composer plugin is active, the post titles under Posts → All Posts appear vertically (each letter stacked one below another), making it very hard to read.
I have already confirmed that this behavior disappears when I temporarily deactivate tagDiv Composer, so it seems the plugin’s CSS is affecting the admin table layout.
However, since I need the Composer active for my theme design, I can’t disable it permanently.
Could you please help me with a fix or provide a small CSS snippet to prevent tagDiv Composer’s styles from affecting the admin dashboard (specifically the post list table)?
Thank you very much for your help!
Hi,
If you want to display products in slide, you can set the slide element and add to the post type the “product” – https://i.imgur.com/zORHDQS.png
Related to the button style, it will need to provide a link to it and let me know teh button. I This is from a form and this is set with an external plugin, then it may require some extra css to edit it.
This can be done if you are using Contact Form 7 and set up an email with some extra parameters/tags – https://contactform7.com/special-mail-tags/
Thank you!
Hi,
About the image set with css background, what can be done is to create a module for the layout you want and replace the first block that is displayed when you enter the website. The module made with the module builder will use img tags for images and can be set in the flex block builder element.
Related to the Image Optimization, use a plugin like https://wordpress.org/plugins/ewww-image-optimizer/ and enable the webp format and from the theme, use this option – https://i.imgur.com/6qMAN1H.png
Also, if you are using the WP Rocket, you can check our guide with this plugin https://forum.tagdiv.com/wp-rocket-and-newspaper-theme-optimization-guide/
Thank you!
Hi,
This situation appears when you are logged in? Most of the time, this is related to some optimizations that are made for the website and the css and js for mobile are no longer loaded in time.
Another suggestion is to make a test using only tagDiv plugins to make sure that there is no plugin conflict.
Thank you!
I have temporarily solved it by applying custom CSS only on desktop screens, which is where I was having problems, but I don’t really like it. I see it as a dirty way to do it. I would like to do it natively using the theme options, but I don’t know how.
/* Make the zone full width */.tdc-content-wrap {max-width: 100% !important;width: 100% !important;padding: 0 200px; /* Adjust the padding as needed */}.tdc-zone {max-width: 100% !important;}/* If you also need to adjust the inner container */.td-container,.tdc-row {max-width: 100% !important;width: 100% !important;}
Hi
I’m writing to you about the critical mobile performance issues on trikalatroll.gr. While the site’s SEO and Accessibility scores are excellent, the user experience is suffering due to extremely slow load times.
Here is the latest Google PageSpeed Insights report for your review: https://pagespeed.web.dev/analysis/https-trikalatroll-gr/laf5cx5p3t?form_factor=mobile
The most urgent problems that need immediate attention are:
Critical LCP (Largest Contentful Paint) Time: The mobile LCP is 10.6 seconds, which is far above the 2.5-second threshold.
LCP Element Implementation: The primary cause seems to be that the main article thumbnail (the LCP element) is being loaded as a CSS background-image on a <span> tag. This prevents the browser from discovering and prioritizing the image load. This must be changed to a standard tag with fetchpriority=”high” to fix the LCP delay.
Slow FCP (First Contentful Paint): The FCP is 5.9 seconds. Users are waiting almost 6 seconds to see any content on the page.
Render-Blocking Resources: There are significant JavaScript and CSS files blocking the initial render. These need to be properly deferred or inlined.
Image Optimization: Images are not being served in next-gen formats (like WebP) and are not properly sized for mobile, which significantly increases load time.
Could you please prioritize fixing these issues, especially the LCP background-image problem? These optimizations are essential for improving our user experience and maintaining our search rankings.
Thank you,
Hi,
You ned to use a custom css, as example:
.tagdiv-type {
font-size: 15px;
line-height: 1.74;
color: #222;
}
Set the code in the theme panel only for mobile – https://i.imgur.com/ESQ9r7l.png
Hi,
Can you please provide some more details and some screenshots?
Usually, the images that are set with the theme builder are on image elements or on css tab on the background image – https://i.imgur.com/2zy75P5.png https://i.imgur.com/WoHyURu.png https://i.imgur.com/V6dlu5F.jpeg
I resolve my trouble, in the tds-icon-svg-wrap class the width was missing. I add it into custom css and works nice.
Hello TagDiv Support,
I am using the Newspaper theme (latest version) on my WordPress site, and am experiencing critical issues with missing frontend JavaScript files and related mobile performance problems.
Description of the Problem:
On my live site, the following critical theme JS files are returning 404 errors:
/wp-content/themes/Newspaper/js/tagdiv_theme.min.js
/wp-content/themes/Newspaper/js/tdb-site.js
This results in:
Broken frontend features (menus, blocks, theme interactivity).
Console errors such as “wp is not defined” and failures for any code dependent on the wp JS object.
Failed scripts when trying to use or customize TagDiv Composer, blocks, or advanced layouts.
File/Folder Structure Verified:
My Newspaper theme is installed at: /wp-content/themes/Newspaper/
The only theme folders present are: css, images, includes, translation, woocommerce (see attached screenshot).
No top-level /js/ directory is present in the parent Newspaper theme folder.
I checked within /includes/, where there’s a separate js folder, but it contains only backend/admin scripts, not the required frontend ones.
I have unzipped the original theme package from your download. There is still no /js/ directory at the theme root with the two required JS files.
Steps Taken:
Searched and extracted all folders in the downloaded Newspaper theme package, but could not find tagdiv_theme.min.js or tdb-site.js anywhere.
Cleared all WordPress, server, and browser caches, rechecked file system and browser console—issue persists.
Verified the problem recurs with a freshly installed, untouched Newspaper theme (not a child theme or plugin conflict).
Impact:
Site is not functioning properly for end users due to missing JavaScript.
Mobile Lighthouse audits show increased load times (LCP 5.6s+), slow visual completion, and warnings about render-blocking JS/CSS, many of which are worsened by missing or broken theme scripts.
Fundamental site features and performance are degraded on mobile and desktop.
Expected Resolution:
Please provide the correct /js/ directory and the latest versions of:
tagdiv_theme.min.js
tdb-site.js
so I can properly restore these to /wp-content/themes/Newspaper/js/.
If the theme package download I received is incomplete or missing files, please advise and provide a new download link or updated theme zip.
Advise if there may be a packaging, deployment, or installation issue on your end that affects the inclusion of essential JS files.
Optional/Additionally:
Please share a recommended method to ensure all critical JS assets are retained through future theme updates and can be verified after installation.
Any additional suggestions for resolving mobile loading/Lighthouse issues when all scripts are present and loading correctly.
Thank you for your help. Screenshots of my folder structure and file audits are attached for your reference.
Best regards,
Ameet
Newspatron.com
Console error screenshot
https://drive.google.com/file/d/1WisGWNru277WMt6d0twc0EvxeIVW0XkF/view?usp=sharing
Lighthouse screenshot
https://drive.google.com/file/d/1iAFtFb6z26XJdPg4myLTj0KlIoa4qnuS/view?usp=sharing
Hi,
It is possible to have a background color on your inner column or column. Please use tagDiv Composer, select the mobile version and check the inner columns and column if there is any background color in css tab – https://i.imgur.com/SXsB3nM.png
Hi,
You need to use tagDiv Composer, edit the homepage – https://i.imgur.com/dmtvhrL.png select the menu and in the style tab you can change the font style – https://i.imgur.com/tvR89Rp.png the background color from the menu can be in the css tab – https://i.imgur.com/EOousJP.png (this css tab is on all elements from tabDiv Composer), the pink color it can be on coulumn or row that is holding the menu, you can select them and check the css tab – https://i.imgur.com/M8xc5pM.png
I had some ads hidden on my website https://padeldelosandes.com.ar because I didn’t want to show the empty placeholder until i sold it, so I I hid them in the CSS tab. Now I want it to be visible again but when I select Display/Show and save the changes, nothing happens, it’s still hidden even though I see it in the preview panel. I was able to unhide them in the home page but it’s not working in the Single Post Template. Help please!
If you enter in any post you won’t see the ad below the header like in the homepage.
Brilliant, Calin – it worked. I’ve added the CSS on both mobile and desktop.
Amazing, thanks!
Hi,
For me it’s the same on both – https://i.imgur.com/Hn1niIW.png
You can use theis custom css to make the layout a bit better https://i.imgur.com/VokHexB.png:
.comments .block-title>span {
background: transparent;
color: #000;
}
Set the css in the theme panel > custom code> custom css.
I hope this will help you!
Thanks Calin for your reply.
I am attaching what my desktop shows as comments, and how it shows on mobile. To be honest, I think this is a bug as I don’t think it’s intended to be displayed differently on desktop vs. mobile. Ideally, this should be done on the main template, rather than via CSS. If we go the CSS route, please be specific to exactly what I need to do as I have never done anything in CSS before.
Much appreciated
Hi,
It looks like you are using standard templates, so the settings are global from the theme panel and you can make individual changes with custom CSS. If you can provide some screenshots of how you want and what you want to change, I will do my best to provide the necessary CSS.
Thanks!
When I go to the search page gives me this error
Fatal error: Uncaught TypeError: Cannot access offset of type array on string in /usr/www/users/hurawa/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php:1196 Stack trace: #0 /usr/www/users/hurawa/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php(340): td_util::get_template_id() #1 /usr/www/users/hurawa/wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php(513): td_util::check_header() #2 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(324): td_load_css_fonts() #3 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #4 /usr/www/users/hurawa/wp-includes/plugin.php(517): WP_Hook->do_action() #5 /usr/www/users/hurawa/wp-includes/script-loader.php(2299): do_action() #6 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(324): wp_enqueue_scripts() #7 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #8 /usr/www/users/hurawa/wp-includes/plugin.php(517): WP_Hook->do_action() #9 /usr/www/users/hurawa/wp-includes/general-template.php(3192): do_action() #10 /usr/www/users/hurawa/wp-content/plugins/td-composer/legacy/Newspaper/header.php(8): wp_head() #11 /usr/www/users/hurawa/wp-content/plugins/td-composer/td-composer.php(254): require_once(‘/usr/www/users/…’) #12 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(324): {closure}() #13 /usr/www/users/hurawa/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #14 /usr/www/users/hurawa/wp-includes/plugin.php(517): WP_Hook->do_action() #15 /usr/www/users/hurawa/wp-content/themes/Newspaper/header.php(2): do_action() #16 /usr/www/users/hurawa/wp-includes/template.php(810): require_once(‘/usr/www/users/…’) #17 /usr/www/users/hurawa/wp-includes/template.php(745): load_template() #18 /usr/www/users/hurawa/wp-includes/general-template.php(48): locate_template() #19 /usr/www/users/hurawa/wp-content/plugins/td-cloud-library/wp_templates/tdb_view_search.php(8): get_header() #20 /usr/www/users/hurawa/wp-includes/template-loader.php(106): include(‘/usr/www/users/…’) #21 /usr/www/users/hurawa/wp-blog-header.php(19): require_once(‘/usr/www/users/…’) #22 /usr/www/users/hurawa/index.php(17): require(‘/usr/www/users/…’) #23 {main} thrown in /usr/www/users/hurawa/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 1196
Hello! When I enter a search term, the live ajax is working but if I press enter it returns a fatal error.
How can I reset this function on the theme?
The site is nordsip.com and here is the error returned by Query Monitor:
Uncaught Error: Illegal offset type
in /home/nordsipc/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 1196
Call stack:
td_util::get_template_id(WP_Post)
wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php:340
td_util::check_header()
wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php:513
td_load_css_fonts(”)
wp-includes/class-wp-hook.php:324
WP_Hook::apply_filters(NULL, array)
wp-includes/class-wp-hook.php:348
WP_Hook::do_action(array)
wp-includes/plugin.php:517
do_action(‘wp_enqueue_scripts’)
wp-includes/script-loader.php:2299
wp_enqueue_scripts(”)
wp-includes/class-wp-hook.php:324
WP_Hook::apply_filters(NULL, array)
wp-includes/class-wp-hook.php:348
WP_Hook::do_action(array)
wp-includes/plugin.php:517
do_action(‘wp_head’)
wp-includes/general-template.php:3192
wp_head()
wp-content/plugins/td-composer/legacy/Newspaper/header.php:8
require_once(‘/home/nordsipc/publi…Newspaper/header.php’)
wp-content/plugins/td-composer/td-composer.php:254
{closure}(”)
wp-includes/class-wp-hook.php:324
WP_Hook::apply_filters(”, array)
wp-includes/class-wp-hook.php:348
WP_Hook::do_action(array)
wp-includes/plugin.php:517
do_action(‘tdc_header’)
wp-content/themes/Newspaper/header.php:2
require_once(‘/home/nordsipc/publi…Newspaper/header.php’)
wp-includes/template.php:810
load_template(‘/home/nordsipc/publi…Newspaper/header.php’, true, array)
wp-includes/template.php:745
locate_template(array, true, true, array)
wp-includes/general-template.php:48
get_header()
wp-content/plugins/td-cloud-library/wp_templates/tdb_view_search.php:8
include(‘/home/nordsipc/publi…/tdb_view_search.php’)
wp-includes/template-loader.php:106
require_once(‘/home/nordsipc/publi…/template-loader.php’)
wp-blog-header.php:19
require(‘/home/nordsipc/public_html/wp-blog-header.php’)
index.php:17
Hi,
To get the best performance with LiteSpeed Cache on the Newspaper theme, start by selecting the “Advanced” preset in the settings. Then, turn on basic caching options like Cache Logged-in Users and Cache Comment Form.
After that, go to the HTML, CSS, and JS settings, and enable minify and optimization options to speed up your site even more.
Thank you!
I’m using WooCommerce for my shopping pages, and I want to display product descriptions in a toggle/accordion style on some pages, similar to this example: https://app.supademo.com/image/cmgvmj51f03dhz30ic7lh55de.
This style provides a compact, neat, and user-friendly look, but I noticed that TagDiv Composer does not have a built-in toggle description element.
Could you please advise if there’s a way to implement this for WooCommerce product descriptions, either through custom CSS, shortcode, or a compatible method within the theme?
Hi,
If you are referring to this – https://i.imgur.com/bV1UwzB.png it can be opened/closed by clicking on live css in top bar – https://i.imgur.com/iMpnpmy.png
For the situation with images, it can be related to some extra plugin used to optimize the images and theme css js.
Thank you!
For anybody testing, make sure to test some of the javascript optimizations on/off, as one broke the menu, where menu items would not leave front page. Those really should be output as pure CSS, but managed to tweak and resave and no issues.
Hi Calin,
Thanks for the suggestions.
We attempted to deactivate the tagDiv Mobile Theme plugin and avoided using any custom mobile pages created with tagDiv Composer, instead relying solely on the responsive desktop version. However, we’re facing a few issues:
- Images are not loading. it is giving me structure like this:
<span class="entry-thumb td-thumb-css amp-wp-73151a4" data-amp-original-style="background-image: url('https://preprod.eurasiantimes.com/wp-content/uploads/2022/07/f-35-usa.jpg?w=696&h=0&crop=1')"></span> - A pop-up (Live CSS) keeps appearing on the screen and doesn’t close for some reason.
For your reference, please check the screenshot below:
Screenshot
