Add a class to any widget when a visitor is logged in, on a phone, in a time window, or carrying a URL parameter. Display Conditions still hide elements — this lane only changes the class list.
What you get
Display Conditions remove the element. Conditional CSS Classes leave it in the HTML and add a class when the rule matches.
is-logged-in or is-admin-user from the current WordPress session.
mobile, tablet or desktop via matchMedia so a cached page can still switch.
Site-timezone windows (09:00-17:00) and weekdays.
Equals, contains or exists — sanitized query keys and cookie names.
Has purchased a product, or cart is not empty, when WooCommerce is active.
Must start with a letter. javascript: and leading digits are rejected.
Live on this page
These headings use the Advanced-tab repeater. Logged-in visitors get a highlight. Narrow viewports get a stacked style.
How it works
Turn the lane on, open Advanced, add a class and a condition.
Settings → Add-on features → Platform: Conditional CSS Classes.
Select any widget, section, column or container and open Conditional CSS Classes.
Type a class, pick a condition, save. Style the class in your theme or Custom CSS.
Conditional CSS Classes is part of LandTech Extras Premium. Use it when you want a style change, not a hidden element.