I have some questions.
1- i want to know why here https://labussolanews.com/ in the first grid, i don’t see the zoom effect why the cursor goes over images… in the tagdiv composer i see it correctly but not in the live version.
2- In the same grid, when I click on a post, a blue selection rectangle appears that has nothing to do with what I click. I would like to remove it and keep the normal selection as on the desktop. https://imgur.com/e0c3axT
3- the second element in the homepage (Ultimi Articoli module), with all that category, can slow down my site? i’m asking because with google pagespeed Insights my result are really really bad and i don’t get why. Ok, i’m working on wordpress.com and can’t enable WP Super Cache (because i think already have another cache plugin) and can’t enable Speed Booster because incompatible plugin (ad rotate and Akismet Anti-Spam that I can not disable).
Also, Infinite Load can cause slowing speed? Nobody seems to understand what is wrong. From the google test can you have a suggestion on what to change and how to do it? I do not know … if you could give me a tip would be awesome.
4- I have already ask for this. It is possible to resolve the background click ad problem? if i set it, people who have ad block active see a white page so i have to disable it for now. And also please, prevent ad-background to load in mobile device… it is just a waste of data consuption.
Hi,
1. Try using this setting – http://prntscr.com/mugrd0 the zoom on hover will work then.
2. On mobile the same module and thumbnails that are loaded on desktop will be used. So the thumbnail size is bigger than the reduced size of the module on mobile. For the moment it is selected/clicked this will be seen.
I tried various CSS codes to remove the selection effect, but none worked.
3. From what I can see at the moment the website loads quite good
– http://prntscr.com/muh84b
It is true that they do not allow using caching plugins, I believe they already use a caching system of they own
– https://en.support.wordpress.com/incompatible-plugins/
There are topics in the forum regarding website loading speed, with suggestions that you could try. But maybe these methods are not allowed in wordpress.com.
Using many block types with ajax pagination and ajax filters may be an issue, especially when there are many visitors on the website.
Since the speed booster plugin cannot be used in this case, maybe they can provide an alternative for render blocking optimization. Or a suggestion for an allowed plugin. Also some optimization guides of their own.
I see render blocking and server response time would be the major issues
– http://prntscr.com/muhe8q
4. I believe that should be fixed in the latest version. From what I know there were some modifications to prevent this from happening. So you can activate the background ad.
For the background loading on mobile there were no modifications up to this moment, I will check on this task.
Thanks
2- Ok, i hope this will be fixed because it’s not nice to see.
3- The screenshot you have posted is for the desktop version. This is 55/100 that is not really good …
Anyway you skipped the biggest problem. Mobile version score 20/100… very bad score. Can you try and verify? because it is practically unusable like this. The mobile version get 90% of my readers so it is very important.
4- i tried and it works now. The problem is that the selection box (when i click) get worse because everywhere i click, i get the light blue box (on mobile) https://ibb.co/TLBxh5T. This is not a new problem. I have added this custom css code (suggested by another admin)
body.td-ad-background-link {
cursor: default;
}
but it’s not working anymore.
5- It is possible to change the order of elements in post? i’d like them in that order:
Title, social icons, featured image and subhead. Like this https://ibb.co/F09xZyb. Also can i change the subhead font color? At the moment is grey, i’d like it black.
6- I set article bottom and top ads with adsense. I need to insert automatic ads code and then use ADVANCE USAGE for modify the ads dimension or it’s better to create specific ads (like 300×250) directly in adsense? because times ago, i have insert in CUSTOM CODE – CUSTOM HTML – code for adsense automatic ads with all ads option active like Vignette ads, Text and display ads, InArticle ads, InFeed ads, Matched content etc. but the website slowed down a lot. Do you have any suggestions on what to activate and what not?
7- why if I set an ads on mobile (top article ads example) of 300×250 px, it place that ad decentralized? remains aligned to the left edge.
8- it is possible to make top or bottom article ads like that? https://ibb.co/GkcTkpm a grey box with ads inside?
thank you
3. You should use the mobile theme which is created specially for mobile. For example this theme demo uses the mobile theme plugin with these results – http://prntscr.com/mv1xwa
Now the mobile theme can also be integrated with the official AMP plugin as well
– https://tagdiv.com/amp-newspaper-theme/
4. I see the problem, I will add it on the list so it can be investigated. Sorry for the inconvenience.
5. You can use a cloud post template – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview and experiment with cloud templates
– https://affiliate.tagdiv.com/#/load/All
Within a cloud post template you can arrange the post elements as needed. With the predefined post templates it is not possible.
6. For standard Adsense ads, in the theme panel you can choose a specific size per device if that is what you want to do, for example – http://prntscr.com/mv27a7
– https://forum.tagdiv.com/ads-adsense-overview/
For different kind of ads like auto ads we don’t have any documentation I can provide. I haven’t made testing with such ads, maybe try searching online for some tips or suggestions.
7. I remember seeing something like that on another website, quite unusual. In that case the ad code seemed to have an inline negative margin left for some reason. This resulted in the ad not being centered anymore. I believe we fixed it with CSS at the time. I could take a look if you can post a link to where this happens.
8. Maybe by surrounding the ad code with a div container and add style to it, like a background color. Some padding or additional CSS may be needed. Or with CSS directly, something like this – http://prntscr.com/mv2cck
3- I already tried that but the mobile theme is to limited. I can’t control anything. There’s no filters, no page customization and above all it automatically deactivates some plugins that I need like here https://labussolanews.com/eventi/.
However I think it is not normal to have a score of 20 or less without activating the mobile theme. There must be something wrong.
I tried PageSpeed Insights in that page https://labussolanews.com/la-redazione/ where there is practically nothing. No articles, no filters or something that can slow down the site. The score is 17 here… I’m considering to move on to another theme…
5- Ok i’ll try. Thanks.
7- you can find the ads at the top of every article like here (only on mobile, in desktop ver. looks fine.)
https://labussolanews.com/cultura/donne-e-lavoro-al-fulgor/
8- this is my adsense ad code
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– 002- 300×250 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:250px”
data-ad-client=”ca-pub-8390561613148257″
data-ad-slot=”7639744078″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
How can i add that background?
3. That would be true, the mobile theme doesn’t have that many settings. Most elements are predefined, this is why it is lighter. We will add more options in it now that it has also been integrated with the official AMP plugin.
From what I know Google changed the testing method a while back, this is why now the results are quite different when compared to before this algorithm change. I see that render blocking would be the main issue when checking you website with the tool
– http://prntscr.com/mw86n1
Maybe try and eliminate or at least optimize in this matter. Try some render blocking plugins for example, there may be other methods.
7. Seems in this case there is also an inline margin left – http://prntscr.com/mw8fd3
Quite unusual. I can give you a code for it, to make it look better
– http://prntscr.com/mw8qf6
.td-g-rec-id-content_top .adsbygoogle {
margin-left:auto!important;
}
Looks like the ad does not respect the size it is supposed to appear in for some reason. I see that it is supposed to appear in 300×250 but it does not. What if you try and select that setting in the theme panel for mobile? – http://prntscr.com/mw8s09 let me know.
8. Setting a background color would best be left until the ads display issue is solved. It would appear just on the top and bottom at the moment.
3. That would be true, the mobile theme doesn’t have that many settings. Most elements are predefined, this is why it is lighter. We will add more options in it now that it has also been integrated with the official AMP plugin.
From what I know Google changed the testing method a while back, this is why now the results are quite different when compared to before this algorithm change. I see that render blocking would be the main issue when checking you website with the tool
– http://prntscr.com/mw86n1
Maybe try and eliminate or at least optimize in this matter. Try some render blocking plugins for example, there may be other methods.
7. Seems in this case there is also an inline margin left – http://prntscr.com/mw8fd3
Quite unusual. I can give you a code for it, to make it look better
– http://prntscr.com/mw8qf6
.td-g-rec-id-content_top .adsbygoogle {
margin-left:auto!important;
}
Looks like the ad does not respect the size it is supposed to appear in for some reason. I see that it is supposed to appear in 300×250 but it does not. What if you try and select that setting in the theme panel for mobile? – http://prntscr.com/mw8s09 let me know.
8. Setting a background color would best be left until the ads display issue is solved. It would appear just on the top and bottom at the moment.
3- I changed something on the homepage and now it seems to works better. I also contacted the wordpress service and they told me that the test is not true as my site works well.
7- i Set 300×250 on ads settings but nothing has changed.
Where should I insert that code?
.td-g-rec-id-content_top .adsbygoogle {
margin-left: auto! important;
}
It is possible to use different adsense size? Because 300×250 it takes all the width but I would like to leave some margins and then show the background that I would like to add … I also tried 250×250 (which is a bit too small) and it works well. Aligns perfectly to the center. I think there is some problem with margins.
7. Enter it in the Theme panel->Advanced CSS in the phones section.
However I did some more research in the matter, seems from what I can find, that Google will not allow adsense ads of 300×250 above the fold on mobile
– https://techcrunch.com/2017/05/02/google-will-now-allow-300×250-ads-above-the-fold-on-mobile-webpages-says-they-can-be-user-friendly/
They recommend an ad of 320×100 above the fold and a 300×250 below the fold
– https://support.google.com/adsense/answer/6357180?_ga=2.119271945.145156433.1552380136-311823375.1552050001
Maybe this is why when selecting a 300×250 size does not work. It would explain it. try and use their recommended size and check if the ad appears properly then. Let me know.
I use the 320×100 in article top ad on mobile but it doesn’t work. Looks like it’s still running the 300×250 decentralized ads. You can take a look too.
We are making some tests since multiple users have the same problem. Could be changes made to the ads on Google’s part since we did not change the code in the theme.
From initial testing it seems that the ads are not served in the desired sizes even if this is request in the ad code
– https://support.google.com/adsense/answer/6307124?hl=en
Seems to affect all 300x sizes. Others seem to work. Also the same happens when using a default WordPress theme. I will try and post results here as the investigation continues.
Ok. For now i will use the 250×250
I see that in article ad 250×250 works fine. In the home (on mobile) it is decentralized.
Strangely, the 300×250 dimension works on the homepage, centralized and full (you can check on mobile).
Indeed, in the post page it looks as it should – http://prntscr.com/my9z2t
In the homepage I currently see an ad like this – http://prntscr.com/my9zrr
Or like this – http://prntscr.com/mya0bx
ok i’ll leave it all for now.
I’m working on this category event https://labussolanews.com/eventi/
There is empty space at the bottom of the image “box”.
I use 4:3 images and I tried different sizes but the result is always the same, both on the desktop and on the mobile.
I asked the authors of the plugin for information and they replied:
“The space above grid layout is loading through theme, if you are also facing this then you need to set it from theme settings”
So I ask you how you can solve it from the theme settings.
thank you
I can’t see the issue there now – http://prntscr.com/mzfw1z I will check it if you can post a link to where it is happening exactly. Let me know.
Yes, it’s working now.
I’m trying again 300×250 ads. Now is not working on mobile (same decentralized problem).
<div align=”center”> ad code </div> i also tried that code but no result.
They still do not work, all 300px sizes seem to not work. Smaller ads up to 300px width seem to work however. This will be further tested on our end, we will try to identify what has changed, since there was no problem before.
ok.
I’m trying to set up the event plugin here https://labussolanews.com/eventi/ but inside the single event page there is a problem.
The content does not remain inside the box but is like floating on the page (you can see when scrolling down). https://labussolanews.com/events/european-taekwondo-championship/.
The support tells me it’s not a plugin’s fault but is the theme.
” You need to us this CSS code “http://w3schools.com/css/default.asp” with Inspect Element. These issues are not from MEC and you need to contact your web designer in order to fix the issue with your theme. Your theme’s container width is not properly set”
That plugin seems to have replaced all the theme containers with it’s own sections, and it’s own CSS. It would be somewhat expected to have design issues in this case. I could try and patch things up and reapply some of the theme design on the plugin classes
– http://prntscr.com/n0vh6l
@media only screen and (min-width: 1200px) {
.mec-container {
width: 1068px;
padding-left: 0;
padding-right: 0;
}
.mec-wrap .col-md-8,
.mec-wrap .col-md-4 {
padding-left: 0;
padding-right: 0;
}
.body-td-affix #td-outer-wrap {
background-color: #fff;
width: 1164px;
margin-right: auto;
margin-left: auto;
}
.mec-single-event {
background-color: #fff;
width: 1068px;
margin-right: auto;
margin-left: auto;
margin-top: 48px;
}
.mec-wrap .row {
margin-left: 0;
margin-right: 0;
}}
But there still may be other problems.
I put that code into custom css but nothing changes. The text is floating.
So the plugin has created problems? If I deactivate it, will everything be rearranged or will I have to reinstall the theme? What do you suggest?
Hi,
Yes, this problem is because the plugin make some conflicts with our theme, if you’ll deactivate that plugin, and you’ll clear all cache the layout will be like before ( there is no need to reinstall the theme).
Thank you!
