- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_category_top_posts_style::update_key
- Apitd_api_category_top_posts_style::update
- Apitd_api_category_top_posts_style::add
- ApiAPI – Category top section style – Introduction
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
- ApiThe Theme API
Hi,
“Latest” will display the latest articles based on teh rest of the settings that have been made. If a category is set, it will be the latest from that category.
Could you provide some screenshots with teh category as I provided and another one with the settings from the block?
Hi,
If you are referring to the css like this one https://prnt.sc/sxZwwzUPfeqM, thsi si teh css set for the block to have the current layout. Each flex block has a style code. If you want, you can use the theme panel settings for inline css https://prnt.sc/ZzPfXCamqePY
Thank you!
Hi,
For this, you can use the offset option, for the second block, set the offset 1 https://prnt.sc/yH09rsqZE-61 -> https://prnt.sc/tVmyfeYot-M9 https://forum.tagdiv.com/flex-block-settings-guide/ https://prnt.sc/sm1RPzboyr5o
Hello,
we are aware of what you are mentioning but the issue remains the cart css is still incomplete as visible here: https://prnt.sc/rt54n8Jn5mfR (add remove buttons are definatelly missing css) so we would like to fix the issues.
Before applying the hotfix i mentioned i check your demos, from what i noticed they are all old and none of them (unless mistaken) has block layout … so none of these css are working.
So:
1) can one of you check the reason why this happened on our website or not?
2) please provide a wordpress demo that used block in the checkout so we can check what css files are used in specific.
Kind regards,
Alexandros S.
Hi,
Right now, I see that you have the tagDiv Mobile theme plugin and the mobile design looks like this – https://prnt.sc/b6LFUiQXd6Pa. To have the layout from your image, please disable the tagDiv Mobile Theme plugin and delete it, the responsive version will be used.
Now using tagDiv Composer, you can edit teh template and select the mobile viewport. There, you can adjust the flex block layout per viewport – https://prnt.sc/rgELtvkC6oPS
Thank you!
Dear Team,
I’m looking to reduce the size of the blockquote in posts but found no way to reduce the size of all blockquote without having to change one by one. (I’m on classic editor because the gutenberg editor creates issues).
-> I added this code directly in the html in the post and it worked
<span style=”font-size:14px;”>Votre texte ici</span>
-> But I looked for the font size box so that I can change the size without having to add an html code, but didn’t find it (all screen options are activated but I see no way to change font size).
Can you tell me where is the font size box?
-> I went on theme pannel to change all fonts of blockquotes in once (without having to add an html code in each blockquote) but didn’t find where to control font size in posts.
Can you tell me what I should do to change the size of all blockquotes in once please ?
To summarize I have two questions :
1) Where is the font size box of the posts ? Maybe the theme didn’t activate it..
2) What I should do to change the size of all blockquotes in once please ?
Thank you.
Lamiaa
Here’s an example:
On the demo homepage of newspaper_cali_sight_pro
https://demo.tagdiv.com/newspaper_cali_sight_pro/
If you look at the HTML source code, you’ll see some strange CSS code on the ACF fields. The front-end display is correct, but the problem is that this CSS code affects SEO.
Featured attractions
.tdi_172{margin-bottom:10px!important} .tdb_module_title{display:block;position:relative;margin:0;font-family:var(--td_default_google_font_2,'Roboto',sans-serif);font-size:21px;font-weight:400;line-height:1.2}.tdb_module_title a{transform:translateZ(0);transition:box-shadow 0.2s ease;-webkit-transition:box-shadow 0.2s ease}.tdb_module_title .tdb-module-title-excl{font-family:var(--td_default_google_font_2,'Roboto',sans-serif);color:#fff;background-color:#ff0000;padding:4px 8px 2px;margin-right:8px;font-size:14px;font-weight:500;line-height:1;vertical-align:middle}.tdb_module_title .td-element-style{z-index:-1}.tdb_module_template_637 .tdc-row .tdb_module_title_0{text-align:left;font-family:var(--sans-serif)!important;font-size:16px!important;line-height:1.2!important;font-weight:500!important}.tdb_module_template_637 .tdc-row .tdb_module_title_0:hover a{box-shadow:inset 0 -1px 0 0 var(--cs-black);color:var(--cs-black)}.tdb_module_template_637 .tdc-row .tdb_module_title_0 a{color:var(--cs-black)}.tdb_module_template_637 .tdc-row .tdb_module_title_0 .tdb-module-title-excl{display:inline-block}River City Queen
.tdi_196{margin-bottom:10px!important}Cielo Balloons Temecula
.tdi_220{margin-bottom:10px!important}Trail Park Beach
Hello, update:
after a lot of search and AI tools assistance we used the following funcntions that loads 2 css files that were not loading before (checkout.css,checkout-rtl.css).
We noticed that there are still some minor css issues but at least page is functional.
So please allow me to ask once more. What are the files that should load in checkout/cart with blocks and if you know what can be the issue that they dont load in our case. We dont consider the issue fixed until the cause is located and extra code is removed.
Kind regards,
Alexandros S.
Please do notify a.sklepas@webpoint.gr
thank you.
/**
* Load ONLY WooCommerce Blocks Checkout CSS on Cart / Checkout / Order Received.
* Files:
* – /wp-content/plugins/woocommerce/assets/client/blocks/checkout.css
* – /wp-content/plugins/woocommerce/assets/client/blocks/checkout-rtl.css
*/
add_action(‘wp_enqueue_scripts’, function () {
if ( is_admin() ) {
return;
}
$is_order_received = function_exists(‘is_order_received_page’)
? is_order_received_page()
: ( function_exists(‘is_wc_endpoint_url’) && is_wc_endpoint_url(‘order-received’) );
if ( ! ( is_cart() || is_checkout() || $is_order_received ) ) {
return;
}
$dir = WP_PLUGIN_DIR . ‘/woocommerce/assets/client/blocks/’;
$url = plugins_url(‘woocommerce/assets/client/blocks/’);
// LTR checkout CSS
$ltr = $dir . ‘checkout.css’;
if ( file_exists( $ltr ) ) {
wp_enqueue_style(
‘kynigesia-wc-blocks-checkout’,
$url . ‘checkout.css’,
array(),
filemtime( $ltr )
);
}
// RTL checkout CSS (only if site language is RTL)
$rtl = $dir . ‘checkout-rtl.css’;
if ( is_rtl() && file_exists( $rtl ) ) {
wp_enqueue_style(
‘kynigesia-wc-blocks-checkout-rtl’,
$url . ‘checkout-rtl.css’,
array( ‘kynigesia-wc-blocks-checkout’ ),
filemtime( $rtl )
);
}
}, 100);
NEWSPAPER – VERSION: 12.7.5
new: External image support for Image info box;
new: Load more option(ajax) to Categories/tags list shortcode;
new: Custom no post message on all Flex blocks;
new: Popular taxonomy option to Popular category shortcode;
new: Category siblings option to hide all the categories when no siblings;
You rock, team. Such a welcome addition, already implemented and working great.
Have a lovely weekend!
Can you also please provide the file that loads the css for wc-block-checkout /cart so we can check its loaded properlly?
kind regards.
Hello,
this statement is wrong ->It appears that this situation appears only when the cart is empty and you have something in it the layout is better – https://prnt.sc/4KLP06kqVlos
about:
o what the problem could be is something related to the cache settings, please clear all cache, object cache, purge CDN, and also check when you are logged in if the situation is the same. -> already did that and disabled caching plugin, cdn confirmed disabled (it was already)
In case the situation persists, and this is a WooCommerce bug, I will recommend getting the previous plugin version from here – https://wordpress.org/plugins/woocommerce/advanced/ https://prnt.sc/hRD8Lt4wzp-l and update the plugin only after this is fixed by WooCommerce developers. -> i did enable and tested up to woocommerce.10.4.3.zip and your theme downgraded to 12.7.2.
neither of these actions solved the issue. i noticed that during the update/downgrade when tagdiv is disabled checkout shows ok as woocomerce default as a block.
i also tried to revert to old shortcode (in this way i saw the page looking good) but our payment provider only supports blocks so i changed back to blocks…
Please for your assistance.
I can send credentials for checking…
Hi,
If you want to display the articles from subcategories of a parent category, there are 2 methods:
1. Display articles from all subcategories except the main category, set the main category in the filter of the flex block and exclude the parent category – https://prnt.sc/0ME1PVUO-2gT
2. Display only articles from desired subcategories, for this use the Multiple terms filter: and set the subcategories ID separated by commas – https://prnt.sc/JyPa2vpPzJBu
– https://forum.tagdiv.com/flex-block-settings-guide/
Hi,
This can be done, but it is not entirely automatic. Our team uses cloud templates from tagDiv Cloud Library, and those can be edited using tagDiv Composer so you can add and remove elements from templates and pages.
Now, if you want to create a gallery that can be displayed instead of featutred image in blocks on pages, categories and/or inside the arrtocle then you can use the gallery article option from the article added by the theme – https://prnt.sc/2fFad7Cl5Qpz on the single post template use tagDiv Composer to edit it and replace the featured image with the gallery element https://prnt.sc/eTe7lwwEyMQN https://prnt.sc/OyfMaAWxeAhX
To display the gallery on blocks, you need to create a module and use the gallery element instead of the featured image. Then, where you want it to be displayed, use the flex block builder and select that module
We have installed
Advanced Editor Tools – Extends and enhances the block editor (Gutenberg) and the classic editor (TinyMCE).
and
Disable Gutenberg Disables Gutenberg Block Editor and restores the Classic Editor and original Edit Post screen. Provides options to enable on specific post types, user roles, and more.
Hi,
Unfortunately, I can’t see the site; it is in construction mode.
What I recommend is to check the following settings:
– make sure you have articles in the new categories
– check on the block to not have set an offset to skip a number of articles – https://prnt.sc/RMeb1xUgzhh2 https://forum.tagdiv.com/flex-block-settings-guide/
– another option that should be checked is the unique article option https://forum.tagdiv.com/unique-articles/
Thank you!
Hi,
Quick update after upgrading Newspaper to v12.7.5.
The issue still reproduces with the Accessibility module enabled (Template Settings → Accessibility (Keyboard + Skip link + Search dialog)), but the behaviour has slightly changed due to the update.
Before 12.7.5, the focus/ARIA conflict typically involved #maincontent. After 12.7.5 (changelog mentions “Accessibility, improved main content wrapper selector”), the browser warning now consistently shows the ancestor being hidden/inert is #td-outer-wrap:
“Blocked aria-hidden on an element because its descendant retained focus…”
Focused element: #td-header-search-button / #td-header-search-button-mob
Ancestor with aria-hidden/inert: div#td-outer-wrap
So the underlying problem remains the same (ARIA hidden/inert applied to a container that still contains the focused search trigger/input), but the update appears to have changed which wrapper is targeted by the Accessibility logic.
We currently mitigate this with a temporary hotfix on our side that prevents aria-hidden/inert from being applied to the wrapper being targeted. After the update, that mitigation had to be adjusted from #maincontent to also cover #td-outer-wrap, which matches the new runtime behaviour.
In short: 12.7.5 changed the target wrapper, but the focus/aria-hidden timing conflict is still present.
Thank you.
Regards.
Hi,
This depends on the elements used there, I think it is the flex block with title template 15, so you can try this css:
.page-id-5100 .td_block_template_15 .td-block-title {
margin-bottom: 12px;
}
If you need it apply on global you can use this will apply on all elements taht have the title template 15
body .td_block_template_15 .td-block-title {
margin-bottom: 12px;
}
Thank you!
That’s useful, Calin – didn’t know that Post Settings could be moved. But my width problem is solved, thanks to your plugins suggestion. I had installed Fluent Forms Block – now deleted and all is good!
yeah i tried by deactivating the litespeed plugin. after that everything was working fine. thanks
One more question. can we reduce this space? – https://prnt.sc/0Jj-_E2ioNqI
using flex block 1
Hi,
The combination of settings that you should try is:
For the theme settings under the block settings> thumbs on modules enabled the webp format – https://prnt.sc/JugAEpW8CwAv, then from template settings > image loading / layzload disable the lazyload – https://prnt.sc/4pqTwHya8Awa
Use those settings from ewww image optimizer – https://prnt.sc/DzMY6YynebbI
Then the WP Rocket can be set as in our guide https://forum.tagdiv.com/wp-rocket-and-newspaper-theme-optimization-guide/ but the lazyload option should be disabled
I hope this will help you!
Hi,
I’m not sure, but if you mean opening the ost file in a new tab, then you can use the option in the lock (edit the main page with tagDiv Composer, select a block and look for this option – https://prnt.sc/9Ca-uE02YBiE). If you mean something else, please let me know.
Thanks!
Hi,
The mentioned theme files are free and are provided with the theme. Those can be installed from Newsapper > plugins > dedicated plugins for prebuilt websites (those were made for a few demos we provided before the theme compatibility with the ACF plugin to be at the level it is today – https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/ , using those plugins means to make the edits inside the plugin’s files – https://forum.tagdiv.com/edit-modules-flex-block-x/).
Now my recommendation is that you can use the acf plugin to create the CPT’s, taxonomies, and custom fields you want to have, then you can use the module builder to create the blocks you want to have and Cloud templates to create the templates for your taxonomies and CPTs – https://forum.tagdiv.com/custom-post-type-support/
Thank you!
Hi,
You need to use tagDiv Composer, edit the homepage, then select the block you want to edit. In the filter tab, you’ll have the options to set a category or the IDs of the categories you want to display. Also, you have the option to sort the results. In the general tab, you’ll have the option to set the number of results – https://forum.tagdiv.com/flex-block-settings-guide/
Now checking your site, it appears that you have the flex block 2, and this is using next prev ajax pagination, so this is not quite a slide, so the next prev pagination can not be set. How many times can it be used /load articles, it will be used as normal pagination until all articles that are set in the filter will be loaded.
block-mega-child-cats – newspaper rtl
showing only 2 items , not more. not only that, when i add sub category and remove the other one, it doesn’t show the new one , it is only showing the 2 sub menus that came with the template install!
Hello tagDiv Team,
I hope you are doing well.
I am writing regarding a long-standing issue I have been experiencing with the Newspaper theme. This problem has been happening for approximately 7 years. I always hoped that future updates would eventually fix it, but unfortunately, it still persists.
The issue occurs when I use Cloudflare with the “Cache Everything” rule enabled (caching full HTML). This configuration has significantly improved my website performance and loading speed, which is extremely important for my project.
However, the problem is specifically with the mobile menu.
Randomly, when visiting the site on mobile and tapping the menu icon (hamburger icon) to open the side menu, the menu becomes completely unresponsive and does not open. The icon appears, but tapping it does nothing.
This issue:
Only happens on mobile devices.
Happens randomly — sometimes the menu works perfectly, other times it becomes blocked.
When it fails, it stays blocked until cache is cleared or refreshed.
Seems related to Cloudflare caching full HTML content.
Because it is random, you may sometimes see it working and sometimes not.
Please test this URL on a mobile device:
https://www.bibliatodo.com/TestimoniosCristianos/de-indigente-a-predicador-testimonio-impactante/
I have also recorded a video demonstrating the issue and will provide the video URL below.
After many years trying to investigate and solve this on my own without success, I was even considering changing the theme. However, I realized I never formally contacted you about this issue.
So I am reaching out with the hope that you can guide me toward a proper solution or best practice configuration when using Cloudflare Cache Everything together with Newspaper theme.
Could you please advise:
Is there any known compatibility issue between Newspaper and full HTML caching?
Is there a recommended Cloudflare configuration for this theme?
Are there specific scripts, cookies, or paths that should be excluded from caching?
Is there a known fix for the mobile menu becoming unresponsive under aggressive caching?
I truly appreciate your support and guidance.
Thank you very much in advance.
Best regards.