Hi Calin

Thanks for getting back to me. As I explained to Simion C, I’ve got around the problem by abandoning the use of the Footer Delayed Load feature and using the WP Rocket caching plugin.

Regards,

Hi Simion

You’ve hit the nail on the head – the block header style changes from style 8 https://demo.tagdiv.com/newspaper/block-header-8/ to style 1 https://demo.tagdiv.com/newspaper/block-header-1/ when you invoke the Footer Delayed Load feature.

I can get around the problem by not invoking the Footer Delayed Load feature and using the WP Rocket caching plugin. However, I suspect there are folks out there facing the same problem.

Regards
Nigel

Hi Calin

Thanks for getting back to me. I appreciate there are many questions to be answered on the forum and I suspect that, under the pressure, you missed my PS that you could view the uncached website at https://news.cyprus-property-buyers.com/?nowprocket.

Also, the screen grab at https://imgur.com/a/6y9PpTB was also uncached.

Anyway, I’ve abandoned efforts to use the ‘Footer Delayed Load’ option as it’s a pointless exercise.

Nigel

PS. To view site uncached – https://news.cyprus-property-buyers.com/?nowprocket

Problem sorted.

Thanks Anamaria

All is now OK.

Nigel

Yes. BUT I had to edit wp-content\plugins\td-composer\mobile\style.css to fix it.

How can I include the fix in my child theme .css?

As I don’t want to edit wp-content\plugins\td-composer\mobile\style.css every time you issue an updated Newspaper theme?

I’ve applied the /* width: 100%; */ fix to the style.css in my child theme and removed it from wp-content\plugins\td-composer\mobile\style.css.

But the stretched image problem returns because it’s picking up the css from \td-composer\mobile\style.css rather than the one from my child theme’s style.css.

How can I fix this to avoid editing the \td-composer\mobile\style.css every time you issue an updated Newspaper theme?

(I’ve looked through https://forum.tagdiv.com/the-child-theme-support-tutorial/, but it doesn’t help.)

Thanks
Nigel

Hi Anamaria

I may have solved the problem with the stretched image on mobiles:

At lines 724 – 727 of /td-composer/mobile/style.css, the code reads:

.alignnone img,
.aligncenter img {
width: 100%;
}

I believe this is what’s causing the stretched image problem. Editing the code to read:

.alignnone img,
.aligncenter img {
/* width: 100%; */
}

resolves the problem.

But I’m not sure if it causes different problems elsewhere.

Regards
Nigel

Please ignore fix above – it causes other problems.

Reply removed – investigating further

• This reply was modified 2 years by nhowarth.
• This reply was modified 2 years by nhowarth.

I’m wondering if this problem is related to the image alignment issue I reported at https://forum.tagdiv.com/topic/imagify-problem-solved/ ?

Hi Anamaria, I added the image in the post content.

Thanks

My thanks to Calin for resolving the problem.

Hi Anamaria,

Access details on their way.

Regards
Nigel

Hi Anamaria

I’ve done all that and I can use the default footer template to overcome the problem.

Is there I way I can edit my customised footer template?

Thanks

Same here. Reinstalling mobile plugin cured my problem.

I have the identical problem.

My thanks to Simion; he fixed the problem.

Thanks Anamaria

Report on its way

Regards,

I disabled all non-TagDiv plugins & updated again as suggested. Same problem 🙁

I viewed the ‘good’ and ‘bad’ page sources and saved them as text files. I then compared the two text files using and on-line text compare tool. They were identical.

Maybe something in the *.css is causing the problem?

TIA

Nigel

Hi @amit

Some time ago you posted advice in this thread on how to avoid loading woff?19 by editing the following css files:

‐> wp‐content/themes/Newspaper/font‐newspaper.css on line 30
‐> wp‐content/themes/Newspaper/gutenberg‐editor.css on line 1252 https://i.imgur.com/nSF4Pft.png
‐> wp‐content/themes/Newspaper/editor‐style.css on line 1198 https://i.imgur.com/H9wUa0Z.png
‐> wp‐content/themes/Newspaper/style.css on line 5576 ‐> https://i.imgur.com/ooFN0oi.png

All these are @font‐face if you do not use theme, then you can remove theme from theme.

I’ve been doing this religiously ever since. (I appreciate the line numbers have changed.)

Unfortunately I can’t find this here. Is the advice still valid, or has it been superseded?

Regards,

• This reply was modified 2 years by nhowarth.

Many thanks eschlange

Regards,

Many thanks Calin.

It was my fault. I created a smaller newspaper.woff a couple of years ago and have to remove:

@font-face {
font-family: 'newspaper';
src: url('images/icons/newspaper.eot?22');
src: url('images/icons/newspaper.eot?22#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?221') format('woff'), url('images/icons/newspaper.ttf?22') format('truetype'), url('images/icons/newspaper.svg?22#newspaper') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

From each one of those 4 .css files.

I missed one of them after the updated to version 12.2

I think I need a new pair of glasses.

Thanks for your help.

Nigel

Hi Sergio

The issue can be found at https://github.com/wp-media/wp-rocket/issues/3511

Regards
Nigel