The WooCommerce checkout form columns were displaying too narrow (about 8%) because Toolset’s Bootstrap CSS was overriding the layout styling, even though Toolset Views weren’t used on that page.
Solution:
Disabled Toolset’s Bootstrap CSS loading by going to Toolset → Settings → Bootstrap loading and selecting “The theme or another plugin is already loading Bootstrap (do not load it again)”. This resolved the checkout layout issue.
High-DPI (retina) Apple displays made gallery images look soft: a 250 px image placed in a 250 px container was effectively upscaled (should be 500 px for 2× density).
Solution:
Use WordPress’s responsive images with srcset/sizes: upload originals at ≥2× the largest CSS display size; output images via standard (not CSS backgrounds) so WP generates srcset. In Toolset, use dynamic Image blocks or image shortcodes that output HTML (e.g., [types field="artwork-image" size="large" output="html"][/types] or [wpv-post-featured-image size="large"]), letting retina browsers pick higher-resolution candidates automatically.
