Different size text on product decription when indented

Store Design

Topic summary

A user is experiencing inconsistent text sizing in product descriptions when content is indented. Specifically, indented text appears very small on the PodMax product page, and the word ‘Specification’ displays in tiny font on the PodX page.

Proposed Solution:
A PageFly support representative provided CSS code to fix the font size issue:

  • Navigate to: Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS targeting .product__description.rte.quick-add-hidden elements (both strong and span tags) with font-size: inherit !important;
  • Save the file

The issue appears to stem from CSS styling conflicts affecting indented or nested text elements within product descriptions. The fix forces these elements to inherit the parent font size rather than applying reduced sizing.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am trying to update my product description, when I have indented for the PodMax product, it appears to have made the text very small? Likewise on my PodX, the word ‘Specification’ is tiny, any suggestions on what could be causing it or how to resolve?

URL PodMax - https://www.peurne.com/products/peurn-podmax-now-an-incredible-95cm-ide

URL PodX - https://www.peurne.com/products/ice-podx

Theme - Ride

2

Hi @PeurneLtd

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.product__description.rte.quick-add-hidden strong,

.product__description.rte.quick-add-hidden span {

font-size: inherit !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like