Hi,
Yes, this can be done using tagDiv Composer, select the viewport you want to hide the element, select the element and in css tab, look for the display option and set it on hidden – https://i.imgur.com/8hdUpgF.png
Thank you!
Hi,
Do you use the mobile page template? https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Please clear all cache, including css cache.
Thank you!
hello @Calin. I’m having a problem with the theme interfering with the CSS of my post. Since yesterday, I’ve fixed and tested all possible code snippets – more than 10 – but the problem persists during scrolling. Flex Block 5 disappears and reappears, as shown in the video: https://app.screencast.com/a9WCYtZPgtTDq. Sometimes it takes a while, on the third scroll, for it to disappear and reappear. This worsens the user experience. Please help me solve this. It looks like this: https://ibb.co/60vBTV3Y. I’ve already tried using custom CSS to isolate Flex Block 5, but it doesn’t solve the problem. This is happening on this page: https://glostv.com/tv-brasil, which has no animation and no collapse button. Please help solve this problem.
Hi,
Please try this css:
.my-cls .td_module_wrap .entry-title {
overflow: hidden;
height: 75px;
}
Just make sure that you add the class ‘my-cls’ on the flex block you want to use the code https://imgur.com/DOlMaKS
Thank you!
Hi barrydmoore,
We’ve identified the issue: once the sticky column option is enabled, it’s being applied across all viewports, regardless of whether it’s selected for each specific viewport.
We’ll have this fixed as soon as possible.
In the meantime, we can provide a css that should fix the problem:
@media (min-width:768px) and (max-width:1018px){.home .td-pb-span3.td-is-sticky.left-sidebar .wpb_wrapper{position:relative!important;top:0!important}}
The code should be set in the theme panel > custom code> custom css.
Hi,
You need to use tagDiv Composer, edit the homepage and scroll to the footer there, select the row containing the pink color and check where the color is set (usually is in css tab ) – https://i.imgur.com/022o3hn.png https://i.imgur.com/BttF3CL.png
Hi,
For this you need to edit the pages and cloud template using tagDiv Composer https://i.imgur.com/x2JetIa.png look after a CSS code element and remove this custom css https://i.imgur.com/j5Nqgr7.jpeg. Doing that, the animation from that page will be removed.
I am experiencing a critical issue with the Featured Image display on our Single Post Template.
The image is being cropped at the top and bottom with the Single Post Bg Featured Image, (e.g., faces are cut off) because the container height is fixed and incompatible with the image’s aspect ratio.
Also using Single Post Featured Image with custom CSS (see below) does not contain the image but cuts off below half of image:
.tdb_single_featured_image img.entry-thumb {
object-fit: contain !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.tdb_single_featured_image {
max-height: 500px !important;
overflow: hidden;
}
Good to understand that all images are served through the plugin WP Media Folder Cloud add-on from Google Drive, all images are resized offline with XN-Resize, before uploaded in media library folder in WPMF Google Drive, to be constrained to max 1400x600px size. So images have no seperate thumbnails created in Google Drive. The are coded as thumbnails automaticly inside Big Grid and Flex blocks.
Technical Cause and Conflict
Fixed Height Conflict: The core problem lies in the theme block used to display the header image. Specifically, the tdb_single_bg_featured_image block (which was previously used, or its properties are still inherited) has a hard-coded default height value (600px) that cannot be removed or set to ‘auto’ in the TagDiv Composer settings. This fixed height creates an inflexible CSS container.
Rendering Override: The theme’s rendering engine (or the WP Media Folder Cloud Add-on) applies a height constraint via an inline style or theme JavaScript (JS) that executes with the highest priority, forcing the image to fit the limited height while applying overflow: hidden.
CSS Failure: All attempts to override this constraint using standard CSS (Child Theme, Customizer, and direct Block CSS injection) fail to work against the theme’s rendering logic.
Desired Outcome and Required Solution
The required behavior is the precise inverse of the current rendering. The image must behave exactly like the CSS rule object-fit: contain.
Goal: The image must scale down proportionally based on the available width of the column, ensuring the entire image (full height and width) is visible within the container without any cropping. The container’s height must then dynamically adjust (height: auto) to accommodate the image’s resulting proportional height.
I require assistance in disabling the internal hard-coded height constraint (600px) on the Featured Image block within the TagDiv Composer’s source files, as external CSS solutions are being ignored, or have a workaround presented with custom code that can do the job.
Since Single Post Bg Featured Image is a background image this is difficult. The element is placed inside Single Post Featured Image, to be able to show caption. In the Extra Class of CSS of Single Post Featured Image we no have placed remove-image. When showing the image in this element it only shows with setting 485×360 but then doubles in height strangly.
Any help and solution in this would be much appreciated!
Is it possible to hide titles for individual pages or for all pages? I know this can be done through CSS or a plugin (Hide Page and Post Title by Arjun Thakur), but is it possible to do this from the newspaper panel itself?
Hi,
Select teh column from he right (the one with the small gray box) and check in css tab, usually, there is set the background color and it can be removed from there.
Thank you!
Hi,
You need to use tagDiv Composer ro edit the page, after that select the column and in css tab replace the image – https://i.imgur.com/8MYZ6iD.png
Hi,
Please provide a link where I cna check those blocks, in this way it will be easier to create a css solution for your needs.
Thank you!
Hi,
Unfortunately, the social counter currently does not support displaying Google News. However, you can create a custom button, style it to match your existing social icons, and link it to your Google News page. Please note that both the text and the count number will need to be added manually and updated whenever necessary. You may also need to apply custom CSS to ensure the button visually matches the style of the social counter.
Thank you!
Hello
Can I ask, what CSS target the scale of this GRID BIG GRID FULL 10 – Showing one big image, and on each side 2 smaller.
I want to inrease the hight of all 5 images with maybe 10 %. No CSS I try taget this.
Like scaling to image hight 60 % of images without blowing the Cover view 🙂
https://gyazo.com/6a6700ebb6919acec2e2f7ebe0ad2eb3
I use clean 1600×838 pix for all images on the website. I think it could take another 10 % in the grid on a computer however…
Thank You
Hello tagDiv Support Team,
I am experiencing a persistent conflict while trying to customize the Footer style on my website using the Newspaper theme.
1. My Goal: I want to achieve a dark-themed footer with 3 columns, using a dark background color and gold/yellow title accents, similar to the attached example image (Example-Goal.jpg).
2. The Problem: Despite setting the background color in Theme Panel > THEME COLORS and using Custom CSS, the Footer remains on a light/beige background, and the Widget titles appear wrapped in unwanted dark boxes or inconsistent yellow lines. The color settings from Theme Colors are not being applied to the widget area.
Conflict Point 1: The Footer Widget Area background color is not changing.
Conflict Point 2: The Widget titles (معلومات كورابيديا) show unwanted dark boxes or borders.
3. Request: Could you please check my Theme Panel settings and the core theme CSS to identify the conflicting code/setting that is overriding the background color and the title appearance?
I can provide temporary administrator login details upon request so you can inspect the Theme Panel directly.
Thank you for your assistance.
Best regards, M. Emara
Hi,
What cna be done is to set the title length smaller – https://i.imgur.com/IbUdvjW.png or another solution will be to add an extra class on blocks you want to apply a custom css to overflow the title: https://i.imgur.com/DOlMaKS.png
.my-cls .td_module_wrap .entry-title {
overflow: hidden;
height: 25px;
}
The css can be set globally in the theme panel under custom code, custom css, or only in that page/template inside a raw css element.
I hope thsi will help you!
Hi there,
I’m hoping to get some help with layout alignment on our article preview grid. Right now, each card displays different image heights and varying text lengths, which is causing the rows to become misaligned. The “Read more” buttons end up at different vertical positions.
What I’d like to achieve:
• All cards in the row have their images aligned at the top
• The content areas stay consistent in height
• The “Read more” buttons sit in the same position across all cards
• The bottoms of the cards line up evenly, regardless of text length
Essentially, I’m trying to ensure the rows look visually uniform both at the top and bottom, so the grid appears clean and balanced.
Can you help me identify what needs to be adjusted in the layout or CSS to make the card heights consistent?
Thank you!
URL: staging.cvbnetwork.com
Hi,
If you want to hide it, then you can use the tagDiv composer, select the mobile viewport, select the Big Grid Flex 2, and in the CSS tab, use the option for displaying the element – https://i.imgur.com/n8uXzUr.png. This option will hide the element on that viewport.
To see all hidden elements you can use the option from the manager – https://i.imgur.com/vg1bFfx.png
Thank you!
Hi,
Try this custom css:
body .td-woo-default .cart-collaterals .cart_totals table td {
text-align: left;
}
@media (max-width: 768px) {
body .td-woo-default table.cart td.product-name {
text-align: right!important;
}
body .td-woo-default table.cart td.product-thumbnail {
float: right;
}
body .td-woo-default table.cart .product-remove {
left: unset;
right: 5px;
}
body .td-woo-default table.cart td.product-price{
padding: 8px 0 0 0;
}
body .td-woo-default table.cart td.product-name,
body .td-woo-default table.cart td.product-subtotal{
padding-left: 0;
padding-right: 115px;
}
body .td-woo-default table.cart td.product-subtotal {
text-align: left!important;
}
.woocommerce td.product-quantity {
padding-right: 115px!important;
}
}
Hello team,
When using the RTL (Right-to-Left) theme, selecting the search icon incorrectly causes the search box to appear on the far right.
We need the search box to drop down/expand on the left side, consistent with RTL layout conventions. Please see the attached image for the current behavior.
How can we adjust the CSS/logic to ensure the search box aligns to the left?
https://sehitna.com/
https://drive.google.com/drive/u/0/folders/1dkLeEVpT8Lc3vBvB3VSNIDEIMscmG7v9
Hi there,
I recently Updated Newspaper theme. After update, i tested – all worked, besides search that gave an empty white screen. Doing some troubleshooting I noticed in console that an error 500 was thrown.
Looking at logs, i see this:
[21-Nov-2025 10:37:05 UTC] PHP Fatal error: Uncaught TypeError: Illegal offset type in /var/www/html/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php:1196
Stack trace:
#0 /var/www/html/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php(340): td_util::get_template_id()
#1 /var/www/html/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php(513): td_util::check_header()
#2 /var/www/html/public_html/wp-includes/class-wp-hook.php(324): td_load_css_fonts()
#3 /var/www/html/public_html/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters()
#4 /var/www/html/public_html/wp-includes/plugin.php(517): WP_Hook->do_action()
#5 /var/www/html/public_html/wp-includes/script-loader.php(2299): do_action()
#6 /var/www/html/public_html/wp-includes/class-wp-hook.php(324): wp_enqueue_scripts()
#7 /var/www/html/public_html/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters()
#8 /var/www/html/public_html/wp-includes/plugin.php(517): WP_Hook->do_action()
#9 /var/www/html/public_html/wp-includes/general-template.php(3192): do_action()
#10 /var/www/html/public_html/wp-content/plugins/td-standard-pack/Newspaper/header.php(11): wp_head()
#11 /var/www/html/public_html/wp-content/plugins/td-composer/td-composer.php(254): require_once(‘/var/www/html/p…’)
#12 /var/www/html/public_html/wp-includes/class-wp-hook.php(324): {closure}()
#13 /var/www/html/public_html/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters()
#14 /var/www/html/public_html/wp-includes/plugin.php(517): WP_Hook->do_action()
#15 /var/www/html/public_html/wp-content/themes/Newspaper/header.php(2): do_action()
#16 /var/www/html/public_html/wp-includes/template.php(810): require_once(‘/var/www/html/p…’)
#17 /var/www/html/public_html/wp-includes/template.php(745): load_template()
#18 /var/www/html/public_html/wp-includes/general-template.php(48): locate_template()
#19 /var/www/html/public_html/wp-content/themes/Newspaper-child/search.php(1): get_header()
#20 /var/www/html/public_html/wp-includes/template-loader.php(106): include(‘/var/www/html/p…’)
#21 /var/www/html/public_html/wp-blog-header.php(19): require_once(‘/var/www/html/p…’)
#22 /var/www/html/public_html/index.php(17): require(‘/var/www/html/p…’)
#23 {main}
thrown in /var/www/html/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 1196
Please could you offer me some advice on how to resolve this?
Thanks
I fixed that addin to advanced css
.tdi_52 {
pointer-events: none;
}
Maybe i can fix it better?
Hi Calin,
So for weeks now, I have followed the guidance of and troubleshooting using the above article and these Newspaper Docs: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/ https://forum.tagdiv.com/tagdiv-composer-not-working/ https://forum.tagdiv.com/requirements-for-newspaper/ https://forum.tagdiv.com/cache-plugin-install-and-configure/ https://forum.tagdiv.com/how-to-make-the-site-faster/ and although I learnt about not loading unused CSS & JS resulting in increased page speeds, the Wp Editor is still hanging :(.
I have updated the /wp-content + /wp-content/plugins .htaccess files accordingly, checked the php.ini file, changed the object cache plugin, checked the apache error logs, ran multiple diagnostic checks on the server configuration and still the WP editor hangs and I am exhausted on this.
Can someone from your team take a look for me please?
Thanks.
Hi,
This depends on how was made the pricing table you are using. If it was on a column, then you can check in css tab for border radius – https://i.imgur.com/pHiVOLS.png
