Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

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.

Calin
tagDiv Staff

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!

coerrace
Participant
#0

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

Calin
tagDiv Staff

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.

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

thalesbrandao
Participant
#0

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

kevinstolz
Participant
#0

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

Alex
tagDiv Member

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

leagcooks
tagDiv Member

Hi Calin,

I was putting the css code in the wrong place. my fault! thank you for your help.

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

Hi,
Could you please provide some screenshots with the settings you’ve made and the CSS as it is set?
Thank you!

boda
Participant
#0

Hi, the Live CSS and Custom Code editors are not allowing me to type anything in them

https://ibb.co/6RpQMRh5

leagcooks
tagDiv Member

Hi Calin.

When i add the css to the class it removes all the block and not just the category tags?

mustapha
Participant
#0

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 :

Calin
tagDiv Staff

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-GXqChttps://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!

Calin
tagDiv Staff

Hi,
Please try this css:
body .td-category-description p {
width: 75%;
color: #000000;
font-weight: normal;
}

I hope will help you!

Speedster
Participant
#0

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

Speedster
Participant
#0

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

Calin
tagDiv Staff

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!

opinandosinanestesia
tagDiv Member

Hola.

Ya he localizado el error, que era un tema de CSS, y, en principio, funciona.
Gracias

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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.pnghttps://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!

Calin
tagDiv Staff

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!

newsbazar24
Participant
#0

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

Viewing 25 results - 176 through 200 (of 33,436 total)