- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Dear @Amit you always such great tips to get Newspaper Theme faster. I did everything that was possible (Page Speed is now 94/99 without AdSense) but I have a big problem with the Largest Contentful Paint (the new ranking factor). It’s pending between 2,3 and 3,1 seconds since the last Google Core Update. Most of the time the LCP is over 2,5 seconds and I get the information that I have to improve my sites. But should I do? A test with GMetrix has shown that there are a lot of fonts, CSS and JS is loaded. I have disabled all Google Fonts.
Which part of the theme causes the large LCP?
Greetings Kathrin
Hello
I need add to custom CSS code for specific Row or Column is it passible to add code for Specific Row or column without effecting other rows
Hi,
I have a big problem with removing a URL from my source code. Already disabled all cache plugins, cleared cache and also did a find-and-replace via WP-CLI, however I just can’t find the location. I have also already run a full text search via the database, without success.
In my header area of the theme a URL from our test system is included which leads to an error. However, as I said, I can’t find the URL no matter where I search.
Where is this setting set or can it be changed?
Hi,
The class is .tdc-msg-tag and the code can be get from -> https://i.imgur.com/QZnbP6v.png -> wp-content/plugins/td-composer/assets/css/wrap_main.css
Hope this will help you!
I am having trouble to understand what you answered me, Calin.
You asked me about my interpretation.. Interpretation of what, exactly?
I asked about some errors that have been shown to me at my lighthouse audition, on composited animations. The audition shows that some elements (login, some buttons, and the newsletter form, among others) are non-composited, probably because of the unsupported CSS property..
I think that what you tried to tell me is that there is nothing for me to do, and I should wait for some miracle to occur, to fix that problem (that impacts in CLS). I got this correctly?
Hello polluck7,
If you have Standard Post Template, you can change the style in Theme Panel -> Post Settings -> Sharing => https://www.screencast.com/t/6sL8Fl6lAQIy. These styles are predefined, and you can do the change only with Custome CSS, I can help if you providing a link for your post.
If you have Single Post Template from Cloud Library, you can change the color with tagDiv Composer =>https://www.screencast.com/t/UnD2fzasf, on the Single Post Share, click on the Element and select Buttons background color, like this =>https://www.screencast.com/t/MD6uRsbXrAgI .
Hope this helps you!
Thank you!
Hello!
You will have to first start looking for a plugin conflict.
Please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
If this problem is not solved after that, then you can use this custom css code:
.td-post-sharing {
opacity: 1!important;
}
Hope that helps you!
Thank you!
Hello!
You can add in Newspaper -> Theme panel -> Custom code -> Custom css, this code:
.tdb_header_logo .tdb-logo-img-wrap img {
display: block;
width: 500px!important;
}
Also, you can change the value whatever you need on your website.
Hope that helps you!
Thank you!
Hi,
“Unsupported CSS Property” is trying to tell you that one of the properties you’re animating prevents the animation from being composited. Was this your interpretation? Whether the animation is scheduled via JS or CSS shouldn’t really make a difference here.
It is this case.
I think there’s a misunderstanding about this audit. The exact purpose of this audit is trying to surface to you animations that cannot be composited by the browser.
Thank you for your understating!
Hello divyasinghinfo,
You can remove the color on the row with tagDiv Composer => https://www.screencast.com/t/ctXZkROY, select the Row and in CSS you have the Background Color => https://www.screencast.com/t/LN5mwi4JhRV3.
Hope this helps you!
Hi Calin,
Yes, I am only referring to the CSS style.
Thanks!
edited the .htacces file, added:
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>
and mobile still shows click here to use the wp menu builder
Hi,
What you can do is to edit that page with tagdiv Composer -> https://i.imgur.com/ehGAoCE.jpg select the mobile vide port -> https://i.imgur.com/IaYM9fT.png then select that ad banner and in css tab set a margin bottom for example 50 -> https://i.imgur.com/3N2Zgzr.png
Hope this will help you!
Thank you!
Hi,
I made some more tests and for me is displaying correctly -> https://i.imgur.com/aUMogrK.png -> https://i.imgur.com/sORWttr.png
For that text you can try a css like this one ->
.no-results{
margin-left: 24px;
margin-right: 24px;
}
The code need to be set in theme panel> custom code> custom css.
Hope it will help you!
Hi,
Are you referring only to css style, because that notifications is made with html css and is appearing using some javascript.
Thank you!
Hi @patrick93
1. Yes, you can add your customized CSS code in the child theme. You should always purge all cache including (browser, CDN, plugin cache) to see the change.
Sometimes you need to add !important tag to force overwrite the existing CSS code.
2. This happens when the original CSS loads before the customized CSS code you have added.
Hope you will find this helpful.
Hello,
You can change the color of the background categories from Big Grid Flex or Flex Block, with tagDiv Composer, by selecting the block and edit it, like this => https://www.screencast.com/t/wOJcbYRwVa. Whether you have Block or Big Grid, this change can only be done with custom CSS, as example=> https://www.screencast.com/t/GSda9AOQ, can insert the code in Theme Panel -> Custom Code -> Custom CSS => https://www.screencast.com/t/3ZdyZTxpm
.td_block_big_grid_3 .td-post-category {
background-color: red;
}
Normally the setting should apply, I checked and it works.=> https://www.screencast.com/t/ZDgUnerZQ. Please do a test with a new block and see if the changes apply, if not make sure that there isn’t a plugin conflict.
Hope this helps you!
Hi josp, the above css seems to be related to the mobile version.
Please provide me a link to your website to can make some testes and inspect the results from lighthouse audition, in this way I hope to can provide some working solutions.
Thank you for your understating!
Hi armingpatriots,
Unfortunately there is no option for this, the only think that you can do is to set a patting on link to make it bigger:
.td_block_slide .td-slide-meta a{
padding-top: 25%;
}
or this one
.td_block_slide .td-image-gradient:before {
height: 50%;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help!
Hello Support,
Can you please provide me the complete CSS of the screenshot link shown below? This will appear when you hit the Save button in the tagDiv composer.
Thanks!
Thanks for the answer, Calin. At this stage, I tried to get at least recognition of the problem. There are a lot of assurances in the topic of selling, about the best SEO practices, and about speed (I will not sprinkle screenshots, you already know), but at the moment this is far from reality.
At the very least, I wanted to hear that you know about the problem. And that in the next release we will do this and that, for example.
I can provide your developers with the script that cuts out all unnecessary css on the basis of the сoverage, but I need much more time to correctly connect a clean css file, because of javascrit with which I am not very friendly.
I’m just trying to convey that this is very important now and this is a problem. I understand that the support does not cover this, but I do not understand the formal replies that we are doing well with this. Few of those who bought your template make a website for their mother on it. It is necessary to promote the site and display ads on it, which, by the way, will even more affect the site speed indicators, so I (and I think other buyers) would like to understand that updates are taking into account the situation and priorities of the clients, and not the personal goals of the developers (nothing personally).
In the end, it is the clients pay for the entire work of the support team and developers.
You can of course deceive them, or you can listen to them and gets better every day, here is your decision which is more profitable for you.
I’m facing this problem in my lighthouse audition:
“Animations which are not composited can be janky and increase CLS”
Element
div.td-mobile-container
Unsupported CSS Property: visibility
div#td-login-mob.td-login-animation.td-login-hide-mob
Unsupported CSS Property: visibility
div#td-forgot-pass-mob.td-login-animation.td-login-hide-mob
Unsupported CSS Property: visibility
label
What can I do about that?
Hello!
Unfortunately, there is no setting for this at the moment but you can use this css code:
body .td-page-title {
display: none;
}
Hope that helps you!
Thank you!