- 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
Hi,
There can be 2 situations.
There is a custom CSS that is applied to the menu elements, or this is the color set on the elements. In this situation, I believe it is related to a custom css, but if you can provide a link, I can inspect it and let you know if the color is set from teh element or not.
Hi Kevin,
If there are still some elements that you can not set it as you wnat pleas elet me know and please provide a link top theme so I cna inspect it and see if there are elements that can be edited or need to be done with custom css.
Thank you!
Hello,
I’m using the Newspaper with Newsweek theme and I want to hide the date for a single post in the category page list.
I have it working inside the single post with this CSS:
.postid-45076 .entry-date { display: none !important; }
However, on category pages or post lists, the date still shows. I also tried targeting .td-post-date and <span> elements, but it’s not hiding properly there.
I need a solution that:
1. Hides the date only for this post on both the single post and the category/list pages. Also there is a “-” before the date that separates it from Author, I would like to disappear that “-” for that single post.
2. Doesn’t affect other posts.
Could someone guide me on the correct CSS or method for this?
Of course, I don’t want the general setting that disable the dates via newspaper Theme Panel, that will disable for all posts.
Thank you
Hi,
Yes, those are theme-related. What can be done is to use a cache plugin like WP Rocket (or similar) and the results inpagespeed wil be improved.
Those files are necesary becouse are containg the theme cs and js, but with a good cache pluginor optimize css and js plugn, those can be optimized and get better performance in Pagespeed.
Hi,
If you want to add icons without using an extra plugin, then you can do it as on News Magazine Pro where the icons are set using HTML and css https://imgur.com/C6U8BQ4 and those classes display the icons. Just make sure that you have in the header any element that is using an icon – https://prnt.sc/qZTVYK6LQl3J, because without it, it is possible that the HTML icons set with classes will not render on your website.
Thank you!
Hi Alex,
I see so in the end the problem is related to the Rocket option that remoe teh unused CSS. Without this option is possible that the pagespeed to get lower with a few points
You can contact us via email at contact@tagdiv.com and we’ll do our best to help you.
What I can recommend is to use those exclusions for Remove Unused CSS:
(.*)#td-mobile-nav(.*)
(.*).td-mobile-container(.*)
.td-mobile-close
.td-mobile-content(.*)
(.*).td-menu-background(.*)
(.*).td-search-background(.*)
(.*).td-search-wrap-mob(.*)
.td-search-close
.td-ajax-search-flex(.*)
(.*).td_module_flex_1(.*)
Another thing that can be used with that option is the plugin WP Rocket | Exclude Inline Styles from Remove Unused CSS plugin.
I hope this will help you!
Good evening.
I’m analyzing our website on PageSpeed Insights and two references with high transfer rates appeared – links below. Could you clarify what they are? One of the links refers to – Magnific Popup – v0.9.9 – 2013-12-27. Are these theme structures – can they be deleted or optimized? Thank you very much.
https://www.cidademarketing.com.br/marketing/wp-content/plugins/td-composer/legacy/Newsmag/js/tagdiv_theme.min.js?ver=5.4.3.5
https://www.cidademarketing.com.br/marketing/wp-content/plugins/td-composer/legacy/Newsmag/assets/css/td_legacy_main.css?ver=dabc3295375a4d2df3fc2a20843da2d5
Thanks
Hi,
after the last update all of the layouts I set were lost, pages loaded but none of the content appeared to click on, also I want to set white text on black background for my pages and posts, default text color #FFFFFF default background color #000000 but I can’t find where to do that without editing CSS files.
Thanks for any help.
Kevin
Hi @calin,
I’ll update you: I disabled Remove Unused CSS in Wp-Rocket and applied Loads CSS asynchronously (there are only these two options for CSS optimization). Leaving Loads CSS asynchronously enabled makes the menu work properly. My question is: is there a disadvantage to using it and avoiding Remove Used CSS? I mean, in my Google PageSpeed Insights score.
One last thing: I’m having some minor issues with my site and I don’t want to open up too many topics. Can I contact you via TagDiv’s email address so you can check a few things?
Thanks in advance for your reply.
Alex
Hi Calin,
I was putting the css code in the wrong place. my fault! thank you for your help.
Hi Alex,
Please add 2 more files to js to be excluded:
jquery.min.js
jquery-migrate.min.js
If the situation persists, please try to disable the option for removing unused css and see if the problem persists.
Let me know the results!
Hi,
Could you please provide some screenshots with the settings you’ve made and the CSS as it is set?
Thank you!
Hi, the Live CSS and Custom Code editors are not allowing me to type anything in them
Hi Calin.
When i add the css to the class it removes all the block and not just the category tags?
Bonjour l’équipe tagDiv,
J’utilise le thème Newspaper avec tagDiv Composer et j’ai un problème d’optimisation LCP (Core Web Vitals) sur mes blocs.
Actuellement, mon Flex Block 1 génère les images sous forme de background-image à l’intérieur d’une balise <span>. Cela m’empêche d’utiliser l’attribut fetchpriority=”high” pour optimiser le chargement des images principales.
Ma question est la suivante :
Est-il possible de configurer le Flex Block 1 directement dans l’éditeur pour qu’il génère une balise réelle (comme c’est le cas à l’intérieur de mes articles) ? Ou dois-je obligatoirement ajouter un code PHP personnalisé pour forcer ce comportement ?
Voici le code actuel généré par mon bloc :
HTML
<span class=”entry-thumb td-thumb-css” style=”background-image: url(‘image.jpg’);”
lien de sit web : JOBMA.MA
merci :
Hi,
You can set with tagDiv Composer on that block a class and you can trigger that class and the category – https://prnt.sc/tPO1gVL-GXqC – https://prnt.sc/1eJgpNbRv21A after you add the class, let’s say this is ‘my-class’ use thsi css:
.my-class .td-post-category {
display: none;
}
Thank you!
Hi,
Please try this css:
body .td-category-description p {
width: 75%;
color: #000000;
font-weight: normal;
}
I hope will help you!
Hi!
I want to have the font color black, not grey, for the td-category-description on category pages like: https://www.rallyextra.se/kategori/reportage-2026/
I have updated the Custom CSS to:
.td-category-description {
width: 75%;
color: #000000;
font-weight: normal;
}
and width and font-weight is changed, but not the color of the text. What have I missed to fix?
Thanks for help.
Kind regards
Niclas
Hi!
I want to have the font color black, not grey, for the td-category-description on category pages like https://www.rallyextra.se/kategori/reportage-2026/
I have updated the Custom CSS to:
.td-category-description {
width: 75%;
color: #000000;
font-weight: normal;
}
width and font-weight is changed, but not the color of the text.
Thanks for help.
Kind regards
Niclas
Hi,
The cov-19 Italy Report demo has the footer in a light gray color – https://prnt.sc/zJHG4_mdROzw, so if you want to change it edit the page with tagDiv Composer, and go down to the footer section – https://prnt.sc/Jgt5cidUtwfd the background color can be chnaged by selecting the row and checking the css tab – https://prnt.sc/ai6SNJmohY8p after that you need to chnage the color on the elements from the footer, just select each element in part and look for the Style tab there you’ll have options to change the color.
Thank you!
Hola.
Ya he localizado el error, que era un tema de CSS, y, en principio, funciona.
Gracias
Hi,
Now when you click on the link inside the article https://i.imgur.com/tNLO0dc.png ou’ll again redirect to a different page, but also an empty page if so, this is because you have added an extra css that set a display none on the page content https://i.imgur.com/VdCWmmm.png https://i.imgur.com/fKs5D1s.png
Thank you!
Hi,
If those from your image are articles then you can use the flex block 1 element, hide all elements except the title and set a separator for the elements https://i.imgur.com/kPHWsIs.png – https://i.imgur.com/RhOBIoL.png
If is a list, then I think the best solution will be using a html/css code and set it in element raw HTML
Thank you!
Hi,
Using the tagDiv Composer, you can hide/show any element per viewport inpart. Each element has the CSS tab from where you can choose the display you want for the element on the selected viewport https://prnt.sc/d4qJCm4EefFC
Thank you!
Hello Team,
I am using your theme on my news website and facing a persistent issue with the homepage slider / Flex Block setup.
Problem description:
I am using Flex Block / Big Grid on the homepage.
I want the slider to be visible on desktop only, and hidden on mobile.
However, I am unable to find any clear or consistent option to:
Disable slider on mobile
Control Flex Block visibility per device
Even after turning Flex Block 1 OFF, there is no visible change, which makes it confusing to understand which container (Row / Column / Block) is actually controlling the output.
What I have already tried:
Turning Flex Block ON/OFF
Checking Row, Column, Layout, Style, Filter, and CSS tabs
Searching for “Hide on mobile”, “Responsive”, or “Device visibility” options
Clearing cache and hard refreshing
But the behavior remains the same.
My questions:
Which element actually controls the slider output — Row, Column, or Flex Block?
What is the recommended way to:
Show slider on desktop
Hide it completely on mobile
Is there a built-in responsive option, or should this be done via custom CSS?
If CSS is required, can you please share the correct class or selector used by the Flex Block / Big Grid slider?
I would really appreciate a step-by-step explanation, as this is a homepage critical section and affects both UX and PageSpeed performance.
Thank you in advance for your support.
Best regards,
Sankar Chakraborty
NewsBazar24
Website: https://newsbazar24.com