Archived topic
CTA buttons inserted with shortcodes move when updating posts
5 replies · Started by Asen on December 2, 2021
Hello guys,
Not sure if you can help with this issue but I will highly appreciate if you point me in the right direction.
I use Shortcodes (and a Shortcode plugin) to insert CTA buttons in posts.
When I try to update some posts (by removing or inserting a word) and after clicking "Update" on the article, after that the CTA buttons are not properly aligned.
I tried without WP Rocket by inserting /?nowprocket=1 at the end of URL but issue is the same.
I included all necessary info in the Private field.
Many thanks for your help in advance!
Regards,
Asen
Hi there,
in your post content you have an empty Paragraph between the red CTA button and the next element.
On the 'bad' post that P is not there, it looks like WP is stripping the empty paragraph when you update the post. Which is quite normal for the Classic editor to do.
I would recommend adding some bottom margin to the Button instead of using an paragraph for its spacing.
Hi David,
Thanks for the explanation.
However, I don't see an option to add bottom margin there?
And when I convert to blocks and preview the page, the styling of the entire page is messed up.
What should I do?
Thanks once again!
Asen
However, I don’t see an option to add bottom margin there?
Is this button added using a 3rd party plugin? I'm sorry but GP has no control over content that added by 3rd party plugin.
You can give this CSS a try, but it's better to contact the plugin support to see if there's an option within the plugin.
.su-button-center {
margin-bottom: 25px;
}Thank you all for your precious help.
David pointed me in the right direction. Here's the solution https://www.prestwood.com/fix-wordpress-classic-editor-strips-paragraphs-and-breaks/
Awesome! :)
