Skip to main content

Rentiva v4.46.0 — Frontend CSS isolation strategy

· One min read
MaxHandMade
MaxHandMade
Maintainer

A systematic frontend CSS hardening release. All 31 frontend shortcode CSS files now participate in the active theme's design token system and are protected against whitespace inheritance from the block editor's shortcode container.

What Changed​

WordPress Preset Token Mapping​

All 31 frontend CSS files now include a [class*="rv-"] selector that maps Rentiva's internal CSS custom properties to WordPress preset tokens:

  • --mhm-primary → active theme's primary color
  • --mhm-font-base → active theme's base font family
  • --mhm-radius → active theme's border radius
  • --mhm-text → active theme's text color

This means Rentiva shortcodes automatically inherit the active theme's visual identity without any manual configuration — a key requirement for marketplace themes.

Whitespace Reset​

Added white-space: normal to all 31 frontend CSS files. The WordPress block editor wraps shortcodes in a .wp-block-shortcode container that applies white-space: pre-like behaviour, causing unexpected text wrapping in Rentiva components. This reset eliminates the issue regardless of which block theme is active.

Missing Component Classes​

Three shortcodes were missing the mhm-rentiva-* component class on their outermost wrapper — required for the token mapping selector to apply:

  • VehicleRatingForm → mhm-rentiva-rating-form
  • VendorDirectory → mhm-rentiva-vendor-directory
  • MyFavorites → mhm-rentiva-my-favorites