Code makes my blog post not align

You don't have to add it manually. You can add it globally through a Block Element - Hook. Add the code through an HTML Block as well. Reference: https://docs.generatepress.com/article/block-element-hook/

I tried that but how do I have it show after the post if it's a custom hook?

You can use a Block Element – Hook. Hook it after_entry_content. Set the priority to 1. Example: https://share.getcloudapp.com/5zuP4gwJ

This should place the Element after the content. Set it to display in Post – All Posts or whichever you prefer.

If you want it placed elsewhere, let us know.

I tried the block element but it causes it to mess up the pages wired but when I manually add it doesn't do that.

I tested this, and it's working as expected on my Test site. How is it breaking on yours? Can you provide a link to a specific post where you've added this? We'll need to see it live to assess the issue.

Its after_content priority 10

Hi there,

is it possible we can see the 'messed up' layout when using the element ?