A page builder is a visual editing tool that lets you design and arrange web page content by dragging, dropping, and adjusting settings in a graphical interface, without writing code. WordPress page builders include Elementor, Divi, Beaver Builder, and WPBakery. Platform-native builders include Squarespace's editor, Webflow's designer, and Shopify's theme editor.
Under the interface, page builders generate CSS rules and, in many cases, inject inline styles directly onto elements based on the settings you choose. The CSS they generate tends to use class-based selectors, which have moderate specificity. This puts page builder rules in a common conflict zone: they beat browser defaults, but they often lose to theme stylesheets that use more specific selectors or to plugin stylesheets that load at higher priority.
The result is the experience most Loupely Lens users recognize: you change a setting in the page builder, the setting appears saved, but the visual doesn't update. The page builder's rule exists in the cascade. It's just losing. Loupely Lens identifies which rule is overriding your page builder's output and routes you to the specific fix.
