Hi,
I think since the date I have added external CSS to my website https://firstnews.pk (for pagination to split an article into multiple pages), see the example page https://firstnews.pk/article/the-most-dangerous-citie-in-the-world/
I never see an ad on any of the landing pages. Can you please let me know if I have made a mistake and disabled ads, or is there something conflicting with the external CSS? I am so worried, over the last many days, we have not even made one USD. This is very challenging for us at the moment, especially when we are trying to evolve this company as a good source of information. I can provide you the credentials of my website if you require.
Thank you and I look forward to hearing from you.
Best Regards,
Faisal Yaqoob
Hello!
Please take a look at our video guide regarding the use of CSS Analyzer: https://www.youtube.com/watch?v=tnkVapqhIHc
I hope this was helpful!
Thank you!
Hello!
It seems that you have a default post template. A workaround there is to install a cloud template or to write a CSS custom code to change the color there.
Thank you!
My site is hispanicLA.com
tagdiv CSS analyzer broke my site after updating to 11. How can I disable it?
“Remove generated CSS” doesn’t work.
Thank you,
G
Hello,
How to make it work with Cloud single post template use with tagDiv CSS Analyzer?
Thank you!
The theme automatically updated to version 11 and removed all of the code that I had in the Theme Panel under CUSTOM CODE > Custom CSS. It also wiped all of my settings in the Theme Panel (cloud templates, logos, colors, etc.) My website is now completely messed up. I used the Newspaper Time Machine to go back to version 10.4 and that did not help. I contacted my hosting company and had them restore my site from yesterday’s back up and that did not work either. How can this be fixed? Also, how do I stop automatic theme updates?
Hi!
With the new update (v.11), it seems that the CSS Analyzer is not on Beta anymore, but it is full-released. Am I correct in this assumption?
“new: tagDiv CSS Analyzer – Get the best results for your website and increase the performance. Pass the Core Web Vitals and improve your website’s performance, accessibility, and SEO efforts.”
If yes, I’d like to ask if it is only limited to pages (as it was before), or it is working on posts also. And, more, can we use it in the mobile version? Or it is limited to desktop use?
Thanks!
Hi!
In the changelog of the version 11, it is seen that: “fix: CSS fix – Image Caption on Mobile Theme & AMP”
Is this the same fix that Vlad offered me? If yes, can I delete it from my custom codes?
Thanks!
Hi!
About the new function on the Theme Panel, to turn on/off the back to top:
1) it disables the function, or only hides it via CSS?
2) The Mobile Theme is going to receive the same treatment? As for now, after the update, I was not able to find the toggle to turn it off…
Thanks!
I have set a background image and it is not visible. I can see that the CSS rule below is blocking it.
.td-classic-pro.td-boxed-layout .td-container-wrap {
width: auto;
}
Hi,
Question, is the tagDiv CSS Analyzer Tool automatic or do I need to run something for the tool to work?
Hello!
Unfortunately your image is not working.
For 1 and 2, You can set that by using CSS featured from tagDiv Composer on each element. Select the element and adjust the margins to move your elements around a few pixels: https://www.screencast.com/t/mp39HqJ1
3. When in tagDiv Composer you can remove elements by right clicking on them and delete: https://www.screencast.com/t/430h3L3bbO
4. That can also be solved by the solution on 1 and 2.
Thank you!
It seems that when a tag or category page only has one post in it, the CSS for the header doesn’t load properly. I see that on other pages the CSS for the header is embedded into the page HTML, however for tags or categories where only one post is the result, this CSS doesn’t work properly.
I’m on the latest version 10.4 of the template and WP 5.7.2
Example: https://focusonclaims.com/category/events/
https://focusonclaims.com/tag/motorcycles/
https://focusonclaims.com/category/rideshare/
There are other examples also.
Hello!
It looks like the robots are not reading the css file. Do you have any caching plugins or options? Make sure to clear your cache thoroughly.
Thank you!
Hi,
Could you please let us know the Css?
We would also like to change the colour of the captions which is currently black and grey.
All the best
Thomas
Hello,
Please try to deactivate, delete and reinstall tagDiv Composer => https://www.screencast.com/t/WLy01lbc and clear all cache.
Also, if the problem persists after that, you need to use a custom code CSS => https://www.screencast.com/t/nBelRAdE
.single .td-post-sharing {
opacity: 1;
}
Please use the code above and insert it in here: https://www.screencast.com/t/OtVh8O82sN
Thank you!
Hello!
Please provide a link to your website and we can change that with css.
Thank you!
Hello,
This is how the blocks were created, if you want to reduce the space between the block title and modules, you must use a custom CSS code => https://www.screencast.com/t/3ON5j9ybq1QA
body .td_block_wrap .td-block-title{
margin-bottom: 0;
}
Set the code in Theme Panel -> Custom Code -> Custom CSS.
Hope this helps you!
Thank you!
Hello!
Please try to add this CSS code and let me know the results:
.td-pb-span12 .alignwide {
max-width: 100vw!important;
}
Thank you!
Hello,
If you have a footer template from the cloud library, then you can set it to centre with tagDiv Composer, edit with tagDiv Composer => https://www.screencast.com/t/vM94Du4VPhk, scroll til to the footer, select the element and set the align https://www.screencast.com/t/vOnZ6z7CvQ
if you have a standard footer template, you need to use a custom code CSS, please send the link to your website.
Thank you!
Hello,
I made some pagespeed benchmarks on our website today and saw that the amp version of an article loads fonts we do not use, like “plugins/td-composer/mobile/images/icons/mobile-theme.woff” or “/themes/Newspaper/images/icons/newspaper.woff”. On top of that we would like to improve rendering by settings @font-face with font-display: swap, which we did successfully on the non-amp version.
I would like to know, how can we remove “plugins/td-composer/mobile/images/icons/mobile-theme.woff” and “/themes/Newspaper/images/icons/newspaper.woff” from the amp code? Also I would like to add custom @font-face definitions with “font-display: swap” on the amp version, is this possible?
Greetings,
Kristiyan
I appreciate your reply. I adjusted the ‘accent’ setting and it did adjust the link highlight color. Unfortunately ‘accent’ color also includes the background color blocks on the main menu. I guess you would have mentioned it, but to be clear, there’s no separate setting for just the hyperlinked text? If not, I’ll use custom CSS to manage that.
Thank you,
Lon K
Hello,
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Also, please provide a link to your website to take a look.
Let me know the results!
Thank you!
Hello!
With custom CSS it should work well. Also you can use !important after the rule and if you write the correct class then you won’t have any problem.
Thank you!