Add Useful Body Classes
Adds the post type and slug of the current page plus a logged-in or logged-out class to the body tag, for precise CSS targeting.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
Body Class for Pages Built With Elementor
Adds a "wpide-elementor-page" class to the body of pages built with Elementor, so your theme CSS can treat designed pages differently from regular posts.
Body Classes From ACF True/False Fields
Adds a body class such as "acf-hide-title" when a true/false field is switched on for the current page, so you can change the layout with CSS alone.
Body Classes for the Blocks Used on a Page
Adds body classes such as "has-block-cover" or "has-block-gallery" for the main blocks a post or page contains, so CSS can adapt the header or layout to the content.
Current Language Class on the Body Tag
Adds classes like lang-fr and dir-rtl to the body tag, so you can adjust styles per language, whether the language comes from WPML, Polylang or the WordPress locale.
LearnDash: Body Classes for Course Status
Adds body classes such as wpide-ld-enrolled and wpide-ld-completed on course, lesson and topic pages, so you can style or hide things with CSS depending on the student's status.
LifterLMS: Body Classes for Enrollment Status
Adds body classes such as wpide-llms-enrolled or wpide-llms-completed on course and lesson pages so you can tailor the design for each student.
MemberPress: Body Classes for Active Memberships
Adds body classes like wpide-mepr-member and wpide-mepr-123 for each active membership, so you can show, hide or restyle parts of your theme with CSS.
Paid Memberships Pro: Body Classes for Membership Levels
Adds body classes like wpide-pmpro-member and wpide-pmpro-level-2 so you can tailor your theme's look for each membership level with CSS.
Site ID and Path Classes on the Body Tag
Adds classes such as site-3 and site-shop to the body tag on every network site, so one shared stylesheet can target individual sites.
Tutor LMS: CSS Classes Based on the Student's Course Status
Adds body classes such as wpide-tutor-enrolled or wpide-tutor-completed on Tutor LMS course pages, so you can show or hide elements with CSS.