font different sizes

Shopify Discussion
,

Topic summary

A user is experiencing inconsistent font sizes on a contact form page built with the Dawn theme. Text in paragraphs randomly switches to very small font partway through, affecting nearly every paragraph.

Suggested troubleshooting steps:

  • Check the page editor’s HTML mode for unwanted <span> or <p> tags with inline font-size styles
  • Remove any inconsistent style attributes found in the code
  • Apply custom CSS to standardize paragraph font sizes globally
  • Review Dawn’s Typography settings under Theme Settings to ensure consistent body text sizing
  • Use browser developer tools to inspect affected text and identify conflicting CSS rules

Current status: The issue remains unresolved. Multiple community members have requested the store URL to provide more specific assistance, but no URL has been shared yet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

i am struggling with the font sizes on one of my pages, im using dawn theme and i am trying to add a contact form page, above the contact form i have 3 pictures and a few paragraphs of information, however half way through the paragraph the font changes to really small and this happens in almost every paragraph and its really frustrating me! any ideas on what i can do?

3 Likes
2

Hello @kphuong

  1. Check the Page Editor for Formatting Issues
    If you’re adding content through the Shopify page editor, it might be adding unwanted or

    tags with different font sizes. Try this:

.In the Shopify admin, go to Online Store > Pages and open your contact page.
.Click the <> (HTML mode) button in the rich text editor.
.Look for any or

tags that could be overriding the default font size.
.If you see any inconsistencies, remove the extra styles and save.

  1. Apply Custom CSS to Fix Font Sizes
    If the font size is inconsistent, add this CSS to fix it globally:

1 Go to Online Store > Themes > Dawn > Customize.
2 Click on Theme Settings > Custom CSS.
3 Add this code:

.shopify-section .rte p {
    font-size: 16px !important; /* Adjust as needed */
}

.4 Save and check the page.

  1. Check Theme Typography Settings
    Dawn allows you to set different font sizes:

1.In the theme editor, go to Customize > Theme Settings > Typography.
2.Adjust the “Body text” size to ensure it’s consistent.
4. Inspect the Page Using Developer Tools
If the problem persists:

. Right-click on the small text and select Inspect (Chrome) / Inspect Element (Firefox).
. Look at the applied CSS rules in the Styles tab.
. Check if any font-size rule is different from the rest.
. If there’s an issue, override it using Custom CSS.

Thank you :blush:

1 Like
3

Hi @kphuong can you share store url?

1 Like
4

Hello @kphuong
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

1 Like
5

Hi, can you share store url?

1 Like