Accordion Style for the Details Block (SCSS)
Styles the core Details block as a polished accordion with borders, a rotating plus icon and comfortable spacing, so FAQs look finished without a plugin.
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.
Add CSS to Every Beaver Builder Layout
Appends your own CSS to the stylesheet Beaver Builder generates for each layout, so it is cached and loaded together with the layout instead of on every page.
Add a Custom Block Style
Registers extra style variations for core blocks, such as an "Outline" button and a "Card" group, that editors can pick in the block sidebar.
Automatic Drop Cap on Posts
Styles the first letter of every blog post as a large decorative drop cap, without having to switch it on block by block.
A–Z Index Styles (SCSS)
Styles the [az_index] letter bar as a row of buttons that stays visible while scrolling, and lays out each letter's entries in columns.
Block Pattern: Three-Plan Pricing Table
Adds a "Pricing: three plans" pattern to the block inserter with a heading, three plan columns, feature lists and buttons that follow your theme's styles.
Brand Button Styles (SCSS)
Restyles theme and block buttons with your brand color, hover and focus states, generated from a few SCSS variables.
Brand Colors on the Login Page
Restyles the login screen with your own background, button and link colors.
Breadcrumb Trail Styling (SCSS)
Styles breadcrumb trails from the Breadcrumbs shortcode and popular SEO plugins with smaller muted text, chevron separators and a clear current page.
Button Block Style: Arrow
Adds an "Arrow" style to the Button block that shows a small arrow after the text which nudges forward on hover, a classic "Learn more" look.
Button Shortcode
Adds a [button] shortcode that turns a link into a styled button using your theme's button styles, for calls to action inside classic content and widgets.
Buttons With Automatically Readable Text (SCSS)
Styles buttons from one brand color and picks black or white text automatically based on how light the color is, with matching hover and focus states, so button text always stays readable.
Card Layout for the Post Grid Shortcode (SCSS)
Styles the [post_grid] shortcode output as clean cards with rounded images, a subtle shadow on hover and clamped excerpts, respecting reduced-motion settings.
Clean Comment Form Styles
Gives the comment form full-width fields, rounded corners, a clear focus color and a solid submit button that match your accent color.
Clean Table Styles for Posts (SCSS)
Gives tables in posts and pages a clean, readable look with a bold header row, light striping, comfortable padding and horizontal scrolling on phones.
Columns Block Style: Dividing Lines
Adds a "Dividers" style to the Columns block that draws a thin vertical line between columns on wide screens and a horizontal one when they stack on phones.
Cover Block Style: Bottom Gradient for Readable Text
Adds a "Bottom gradient" style to the Cover block that darkens only the lower part of the image, so captions and headings at the bottom stay readable while the photo stays bright.
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.
Custom Elementor Widget: Notice Box
Adds a simple "Notice Box" widget to Elementor with a title, text and four styles (info, success, warning, error), in its own "Site Widgets" panel category.
Custom Styles for WooCommerce Emails
Adds your own CSS to every WooCommerce email, for example to change fonts, button colours or table borders, without overriding email templates.
Disable Additional CSS
Removes the Additional CSS panel from the Customizer and the custom CSS option in the Site Editor, so styles are only changed in code.
Disable the Emoji Script and Styles
Removes the emoji detection script, inline styles and DNS prefetch that WordPress adds to every page. Browsers still display emoji natively.
Elegant Blockquote Styles (SCSS)
Gives quotes in your posts a refined look with a large quotation mark, an accent border and a styled citation line.
Event Details and Upcoming Events Styles (SCSS)
Lays out the [event_details] facts as a neat two-column list and the [upcoming_events] list with bold dates, collapsing to one column on phones.