Remove Block Theme Styles From Classic Themes
Stops classic (non-block) themes from loading the global styles, classic theme styles and duotone SVG filters that WordPress adds for block themes, saving inline CSS on every page.
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.
Remove Dashicons for Logged-Out Visitors
Stops the Dashicons icon font from loading on the front end for visitors, saving a request. Logged-in users still get it for the admin bar.
Remove Usernames From CSS Classes
Strips the author and commenter usernames WordPress adds to body and comment classes, closing a quiet way to discover login names.
Respect "Reduce Motion" Across the Whole Site
Turns off CSS animations, transitions, parallax backgrounds and smooth scrolling for visitors whose device is set to reduce motion. Visitors without that setting see no change.
Reveal Blocks on Scroll
Fades and slides content blocks into view as the visitor scrolls. Add the class "reveal" to any block in the editor (Advanced > Additional CSS class) to animate it.
Reverse Column Order on Phones
Flips the stacking order of a Columns block with the class "wpide-reverse-mobile" on phones, so an image placed on the right appears above its text instead of below.
Right-to-Left Fixes for Lists, Quotes and Tables
Corrects common right-to-left layout problems in post content, such as list indents, blockquote borders, table alignment and image floats, using logical CSS properties.
Rounded Pill Search Form (SCSS)
Restyles the theme search form and the Search block as a single rounded pill with an inline button and a clear focus ring.
Screen Reader Text Class for Any Theme
Adds the standard .screen-reader-text styles that hide text visually but keep it readable by screen readers, for themes that do not include them.
Scrollable Tables on Mobile
Lets wide tables in your content scroll sideways on small screens instead of breaking the layout or overflowing the page.
Search Term Highlight Style (SCSS)
Gives highlighted search words a soft marker-pen look instead of the browser's default yellow box, matching the Highlight Search Terms snippet and any mark elements.
Serve Media and Static Files From a CDN Domain
Rewrites the URLs of your uploads, theme and plugin files to a CDN or pull-zone domain you set, so images, CSS and JavaScript are delivered from the CDN while pages are still served by your site.
Show Additional CSS Inside the Block Editor
Loads the CSS from Appearance > Customize > Additional CSS into the block editor canvas, so posts look the same while you write as they do on the site.
Show Bricks Elements Only to Logged-In or Logged-Out Visitors
Skips rendering any Bricks element with the CSS class "wpide-logged-in" for guests and "wpide-logged-out" for members, a quick alternative to setting conditions on each element.
Show Elementor Sections Only to Logged-In or Logged-Out Visitors
Hides any Elementor container, section or widget with the CSS class "wpide-logged-in" from guests, and anything with "wpide-logged-out" from members, without Elementor Pro.
Show Menu Items by Login Status or Role
Lets you hide individual menu items from guests, members or certain roles by giving them a CSS class such as wpide-logged-in, wpide-logged-out or wpide-role-editor.
Show or Hide Blocks for Members and Guests
Hides any block from visitors or members based on a CSS class you add in the block's Advanced panel: wpide-members-only, wpide-guests-only or wpide-role-{role}.
Sidebar Widgets as Cards (SCSS)
Styles each sidebar widget as a card with a border, rounded corners, an underlined title and tidy list dividers.
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.
Skip Block Editor Styles on Divi Builder Pages
Stops the block library stylesheet loading on pages built with the Divi Builder, which do not use blocks, so each of those pages loads one stylesheet less.
Skip Block Editor Styles on Elementor Pages
Stops the block library stylesheet loading on pages built entirely with Elementor, since those pages contain no blocks, which removes one render-blocking file.
Skip Rendering Off-Screen Comments and Footers Until Needed
Uses the CSS content-visibility property so browsers skip laying out the comments section, footer and related posts until the visitor scrolls near them, which speeds up rendering of long pages.
Slim Custom Scrollbar
Replaces the default browser scrollbar with a thinner one in your brand colors on desktop browsers.
Smooth Open and Close Animation for Details Blocks
Animates Details (accordion) blocks so the answer slides open and closed smoothly instead of jumping, in browsers that support animating to auto height.