Unexpected font-size changes can make content difficult to read and create an inconsistent user experience. These issues often stem from CSS conflicts, plugin-generated styles, or caching behavior that affects visitors differently depending on how pages are rendered.
Issue Background
A WordPress website experienced a problem where blog content displayed with unusually small text on location pages. The issue primarily affected logged-out visitors, making content difficult to read and creating an inconsistent experience between users.
Diagnosis
Investigation revealed that the Dynamic Filter Grid plugin was applying a base font size of 10px to its container, causing nested content to inherit an unreadably small font size. Additional review identified potential interactions between WP Rocket optimization settings and Divi theme performance features that could influence how styles were delivered to visitors.
Resolution Steps
Implement a CSS override to restore an appropriate base font size, clear all caching layers, review WP Rocket optimization settings, verify compatibility with Divi performance features, and test the page while logged in and logged out.
.dynamic-filter-grid-container {
font-size: 16px;
}Final Outcome
After applying the CSS override and validating caching behavior, the content displayed correctly for all users. The site delivered a more consistent reading experience, and ongoing monitoring confirmed that the issue did not return. If you’re troubleshooting Divi styling issues, WP Rocket conflicts, or unexpected font-size behavior in WordPress, contact Freshy.
