Posts Block – Images in 2nd Row Distorted

Posted in: Newspaper
Post count: 11

I have a Posts Block on a page. There are 9 items that fit the filter, and it is set to show the first 6 on the first page with 2 rows of 3 each. Pagination option is on. Everything looks fine in the editor, but when I look at a preview or the live site, the 2nd row distorts the featured images of the posts. The first row on the second page looks fine. I’ve tried deleting the block and adding it back again, same thing. I’ve also tried changing the dates of one of the posts, so it moves from the 2nd row to the first. The image for that post now appears fine in the 1st row, and all 2nd row images are still distorted… even the one that moved from the 1st to the 2nd row that was fine now appears distorted.

Some other tries… If I keep it at 6 posts but 3 rows instead of 2, the first 3 posts show fine, but the next 3 are distorted. I also tried 1 row of 3 each, and all shows fine on all 3 pages. If I change it from Grid to List, same distortions are seen.

Here is the url:
https://www.justhacking.com/types/upskill-challenges/

I tested this on multiple browsers and platforms. Some show everything just fine, but most have the distortion.

Windows Desktop:
– Chrome and Edge look distorted
– Firefox is fine

Android Mobile:
– Chrome and Edge look distorted

iPhone Mobile:
– Safari is fine

Thanks in advance for your help,
Don

Post count: 27744

Hello,

Please let me know how you added the block to the post.

Thank you!

Post count: 11

Drag and drop from the list on the left. Are there other ways?

Post count: 27744

Hi,

So it is the block from the Gutenberg?

Thank you!

Post count: 11

Looks like it’s an Otter block. When I click on the plus sign, then search for “posts”, the one I chose has a res icon. Does that help?

Post count: 27744

Hi,

Ok. I recommend setting the block like in our guide https://forum.tagdiv.com/set-block-inside-post-content/. You need to create a page, design the block as you want, and after, set the code of the block inside of the single post content in the ads section.

Thank you!

Post count: 11

Above should have been that I chose the one with the red icon. Sorry for the typo.

I’ll give your suggestion a shot a little later today. It’s 7:30 AM where I am, and I’m about to be inundated with meetings. :-O

Although it does seem weird that I have through a more complicated process. I did the same thing on other posts by just dragging the red “Posts” icon to where I want it in the post, select my filter for the content I want, and, boom, it works just fine. Happy to play around though.

Thanks,
Don

Post count: 11

It looks as though you’re using the TAGDIV Composer. I don’t get that option for Posts. I don’t even see the icon at the top in order to launch this for Posts. I see it and use it for Pages and Templates.

How do I attach screenshots here, so I can show you what I’m seeing?

And sorry again for the autocorrect errors. The above sentence, “Although it does seem weird that I have through a more complicated process.” should read,”Although it does seem weird that I have to do a more complicated process.”

Post count: 11

Here’s a link to a post that is using exactly the same elements/blocks and added in exactly the same way, and everything appears just fine.

https://www.justhacking.com/types/courses-and-paths/

Post count: 11

Don’t ask me why it worked. Since the other posts were showing just fine, I copied the group and pasted it into the other post, and it all seems fine now.

I still think there’s a bug somewhere, because every time I tried it where it was, it wouldn’t work. As mentioned above, I even deleted and added it again, and it had the same problems. It wasn’t until I copied the group from another post that it worked.

Post count: 27744

Hello,

It is strange. Do you have a plugin for optimization and making changes? It may have been a cache issue.
I’m glad that now works.

Hoping you have a wonderful week!

Viewing 11 posts - 1 through 11 (of 11 total)
The forum ‘Newspaper’ is closed to new topics and replies.