Shopify Blog Editor Formatting Issues

Store Design

Topic summary

Main issue: A merchant reports unreliable formatting in the Shopify blog editor. Applying heading styles (H1/H2—HTML heading levels) to a subheading causes surrounding paragraphs to adopt the same style, forcing manual reapplication of paragraph formatting. Line spacing is also problematic. The post includes before/after screenshots that are central to understanding the misapplied styles.

Key question: Is this standard behavior of the editor or is there a better workflow to achieve correct formatting?

Latest response: Another participant cannot pinpoint the cause but recommends using the HTML code editor (</>) for more reliable control. If the user has HTML familiarity, they should edit directly; otherwise, they can paste the HTML for review and troubleshooting.

Status and next steps: No confirmed fix or root cause identified. The discussion remains open. Actionable options are to switch to the HTML editor for precise formatting or share the post’s HTML for community review.

Summarized with AI on December 25. AI used: gpt-5.
1

I find the blog editor in Shopify is extremely buggy, if I want to convert sub headings into H1 or H2 it transforms all the text into the same. I have never got it to look the way it needs I have to keep applying paragraph to the main text and line spacing is also an issue.

Is this just the way the editor works or is there a better way to use it?

Here is a before and after example…all I did was highlight the ‘Turn Heads with Electric Pink’ with H1 and it applied this to the paragraph above and below.

Screenshot 2024-07-09 175538.png
Screenshot 2024-07-09 175538.png1119×706 50.8 KB

Screenshot 2024-07-09 175617.png
Screenshot 2024-07-09 175617.png1028×862 61.4 KB

2

Hi @LuciniLondon

No idea why it’s so buggy for you, there could be a few reasons why that’s happening.

Personally, I find the html code editor view to be the most reliable way to edit text that is playing up like this. If you’ve got some experience with HTML then you can go ahead and edit it by clicking on that button </> in the top right.

If you want, paste the code into here and I could maybe have a look at it for you. Although, if you have some experience, give it a go first :wink: