Archived topic
Urgent Blog Post Issue
13 replies · Started by Ella on July 8, 2021
Hi,
I have recently moved my entire site through to GeneratePress and I published a new blog yesterday, no problems there. I publish one today and I am having SO many issues. I've tried it twice now and the same thing happens again.
1) On preview the blog shows fine.
2) On desktop, for no apparent reason, the page is completely cut in half so it's showing the article as mobile on desktop almost.
3) It's also cut out text on point number 2, removing the paragraph and turning point 3's title into text, mushing it all up on there.
4) Then below that, it's making all the copy bold... when it's not set like that, it doesn't look like that on preview and the editor.
I thought it was something to do with the amazon affiliate links (although that shouldn't really cause this) so I deleted the post, created a new one, and it's actually now showing the old post it seems.
I don't know what is happening. I cannot attach screenshots but can do so via email to explain better if you could please give me a support email.
The blog post I'm referring to is: https://www.forgettingfairytales.com/anniversary-party-ideas/ although I want to now urgently unpublish this because the post looks a complete mess.
Please let me know what you think, what's caused this, how we fix it and how we stop it from happening again.
Thanks so much for your help.
Ella
Hi there,
Have you added some sort of custom HTML within the content or through a hook? The mess seems to start within the content wrapper of the page as that's the part where the HTML tag delimiters start to get weird.
Can you check the post's content or any Hook/Block Element contents on Appearance > Elements if there are any custom HTMLs with missing delimiters? Let us know.
Thanks for getting back to me, much appreciated. I'm not entirely sure what I'm looking for but I don't seem to see any errors or anything different in this post or anything missing in Elements. I can give you access to the site privately if you'd like to take a look? Or perhaps you could attach screenshots to clarify exactly where you mean and what I need to look for to indicate an issue?
Thanks,
Ella
Thanks for getting back to me, much appreciated. I’m not entirely sure what I’m looking for but I don’t seem to see any errors or anything different in this post or anything missing in Elements.
You have this strong tag wrapping the right sidebar element, causing a break on the layout. https://share.getcloudapp.com/xQu7QXLr
This is not the default behavior of the theme. Some plugin or custom HTML from post's content or hook's content must've contained an HTML code with wrong syntax.
You can share the access credentials on the private information text field - https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Oh, well spotted! If I give you access, are you able to identify where this is coming from? Then it's a case of disabling the plugin? (I think it's more likely to be caused by HTML from content as opposed to that but we shall see?) Or do I just manually remove that code now you've found it? As it didn't happen on the post prior to it? Is it only in this post?
Let me know the best way to get this resolved from here. Thanks so much for your help.
Hi there,
check here in your post:
https://www.screencast.com/t/XRCQaZx0
Between the highlighted paragraph and the list is what looks like an Amazon link or some other HTML.
Do you have some custom HTML there?
Hi David. No I don't, it was just Amazon affiliate links added to the text but I then took those out. I've also just clicked on it then looked in "block" and "advanced" and there's nothing in there. Would that be where it would be?
Can you provide us with a temporary admin login so we can take a look?
You can share the user and password details in the private information field.
Of course, sharing now, thanks so much!
So it looks like removing the amazon affiliate links has fixed the problem :)
Do you want to share the affiliate link code so i can see what the issue with it was ?
Yes please! So it seems like the links to direct products are absolutely fine as there's still a few of them on there already. EG:
https://www.amazon.com/gp/product/B08NC6BCCY/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B08NC6BCCY&linkCode=as2&tag=forgettingfai-20&linkId=eda80ebd5b7073372ebc37c64c88b57e
I think it's when I link to search results that it messed with the layout (although surely that shouldn't happen?) Please see example of a link to Happy Anniversary Banners:
<a target="_blank" href="https://www.amazon.com/gp/search?ie=UTF8&tag=forgettingfai-20&linkCode=ur2&linkId=e64eac955520fa3d1e67cf298ec7529b&camp=1789&creative=9325&index=misc&keywords=Happy Anniversary Banner" rel="noopener">Happy Anniversary Banner</a>
Does it look like there's anything wrong? As that's the code that Amazon gives me... Actually, thinking out loud, I've just realised, I added that as a link on some text instead of copying the HTML and adding it that way. Is that why it did this? And so if I add as HTML instead of incorrectly adding as a link from text, it should be fine? I'm all safe to try this?
I’ve just realised, I added that as a link on some text instead of copying the HTML and adding it that way. Is that why it did this? And so if I add as HTML instead of incorrectly adding as a link from text, it should be fine? I’m all safe to try this?
Thats correct - add the code in a HTML Block, not as a link on an element. And totally safe to try that!
Thank you so much for your help... and patience! That makes total sense now, what a relief!
Glad we can be of help!
