Hi,
for a while now I have two visual bugs with the Newspaper theme on my website which I cannot seem to solve:
1. Only in Firefox, the first image of the Big Grid 3 is not displayed properly. I always get an ugly grey area below the image. I have made sure that all required formats are activated in the theme panel and have recreated my thumbnails. Still, no success. It works fine in Chrome and Opera. Would you have any idea?
2. At the bottom of my articles in the section “Related articles”/”More from same author” there is a line covering the “Related Articles” heading. I have no idea where that came from. Can I remove it?
Thanks very much in advance for your help!
Kind regards,
Wolfgang
Hello,
Please use this guide for the first issue: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
for the second issue please change the global headers template: https://www.screencast.com/t/6qZEBwMm5o
Thank you!
Hi Bogdan,
Thanks for your quick response and sorry for my delayed feedback:
1: As written in my initial post I have already recreated the thumbnails and it didn’t solve the issue. Furthermore, it only appears in Firefox. All other browser show the pictures properly. Would you have any further ideas?
2: So you are saying that this header style is meant to look that ugly? To change the header style is not an option for me as apart from that flaw I like the layout of my page as is. Hence, I will have to live with that.
Thanks again and kind regards,
Wolfgang
Hello reiseblitz,
1)Do you have cleared all the caches before checking the results? Try to do this and see the results. Also, make sure that you are using right images as a size because the theme does not enlarge them, but only crop them.
2)As a quick solution, try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_block_template_8 .td-block-title>*:before, .td_block_template_8 .td-block-title>*:after{
background-color:initial;
}
The result is here -> https://www.screencast.com/t/WewwRux9
Thanks.
Hi Catalin,
Thanks for the quick feedback!
1) Yes, I have cleared all my page’s caches as well as the browser’s ones. And I certainly have the right image formats as it works in all other browsers (I have tested Chrome, Opera, Edge and even Internet Explorer manages it). Only in Firefox I keep getting this issue, regardless of what I do or try.
2) That’s better than nothing. Still not ideal though as it removes the grey bar everywhere else on the site as well where I would want it to remain. Hence, it is actually similar to the “change the header style” solution. But at least the line doesn’t strike through the text any longer. Could I expect a non-makeshift solution for this in the long run or do I really need to consider a redesign of my entire page to get rid of this issue?
Thanks and best,
Wolfgang
Hello reiseblitz,
1)Now, your website seems to work as expected, as you can see here -> https://www.screencast.com/t/STltWEmISr
2)We hope to fix it in near future update.
Thanks.
Hi Catalin,
1) Unfortunately it doesn’t. I still get the same problem, still in Firefox only and only on some computers. On the laptop I am currently using I have Firefox 59.0.2 (64 bit) and the error persits. I don’t know what to do with it.
2) Sounds great, looking forward to that!
Thank you!
@reiseblitz, on your site is everything all right with first image:
Tested on Firefox 59.0.2 (64 bit) and Opera 52.0.2871.40.
Try force to clear cache of browser: Ctrl+R, Ctrl+F5
Hi Edward,
Thanks for testing. It seems to be an issue with my computer then. I tried both Ctrl+R and Ctrl+F5 but still the problem persists. I am happy to hear though that on other computers it looks fine!
I just had another idea and have done some testing. I think it has to do with screen resolution. My laptop’s standard screen resolution is 1920 x 1080 with text/app size, etc. on 125 % when I have this issue. I have now switched to 1366 x 768 and text/app size on 100 % and the issue is gone. Hence, there seems to be trouble with high screen resolutions but again only in Firefox. It looks fine in all other browsers.
I have thus now tried and activated all available image sizes in the theme panel – also the ones actually not required by my setup – including retina version. I have then regenerated all thumbnails and cleared all caches. Still, in Firefox, the grey bar remains for the high resolution.
Would you have any idea how to solve this? Otherwise I’ll probably have to give up on it as I am out of ideas now.
Thanks for your help!
Hello again,
I just installed your most recent update and am delighted to see that bug number 2 of my post has already been fixed. Thus, I just wanted to leave a quick thank you for that!
Issue 1 unfortunately still remains.
Thanks for your great work and all best,
Wolfgang
Hello, what have you did since your website loads fine for me on Firefox http://prntscr.com/jel3b0 but I still have same issue
Hi pcservis,
I am not sure if I understand correctly but to solve issue 2 I just installed the latest update. Now the header is displayed correctly.
For issue 1 please refer to my previous posts. From what I have figured out so far the wrong image size only appears in Firefox and on high resolution displays (1920×1080 px). It looks fine on any resolution below that. For this I still don’t have a solution…
