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.
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.
Block Pattern: Three Testimonials
Adds a testimonials pattern with three customer quotes side by side, built from core Quote blocks so it inherits your theme's quote styling.
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.
Clean Modern Styling for Gravity Forms
Gives Gravity Forms fields rounded borders, comfortable spacing, a visible focus ring, clear error colors and a bold submit button, while following your theme's fonts.
Colour-Coded Order Statuses in the Orders List
Gives each order status its own clear colour in the admin orders list, so processing, on-hold and failed orders stand out at a glance.
Consistent Form Field Styling (SCSS)
Gives text inputs, selects, text areas and checkboxes across the site (comments, contact forms, checkout) one consistent, accessible look with clear focus states.
Contact Form 7 Theme With SCSS Variables
A complete Contact Form 7 look written in SCSS: set a few variables for colors, radius and spacing and every field, checkbox, message and button follows.
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.
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.
Fluent Forms Theme With SCSS Variables
Styles Fluent Forms from a few SCSS variables for accent color, radius, spacing and errors, including checkboxes, buttons and a dark-mode variant.
Gravity Forms Theme With SCSS Variables
Styles Gravity Forms from a handful of SCSS variables (accent, radius, spacing, error color), including choices, multi-page progress bars, buttons and dark mode.
Keep Selectors in WP Rocket's "Remove Unused CSS"
Adds CSS selectors and stylesheet URLs that WP Rocket's Remove Unused CSS must always keep, such as classes added by JavaScript for menus, sliders and pop-ups, so those elements do not lose their styling.
Lighter Loading Spinner for Gravity Forms
Replaces the Gravity Forms AJAX loading spinner with a small inline SVG spinner in your brand color, with no extra file to download.
Modern Styling for Contact Form 7
Gives Contact Form 7 forms clean full-width fields, clear focus outlines, readable error messages and a solid submit button that work in light and dark themes.
Modern Styling for Fluent Forms
Gives Fluent Forms fields consistent borders, rounded corners, a visible focus ring, clear errors and a bold submit button that follow your theme's fonts.
Modern Styling for WPForms
Gives WPForms fields consistent borders, rounded corners, a visible focus ring, clear errors and a bold submit button that follow your theme's fonts.
Nicer Styling for Details (Accordion) Blocks
Gives the Details block and other summary/details elements a clean accordion look with a border, padding and a rotating arrow.
Recipe Card Styles (SCSS)
Turns the [recipe_card] output into a printable card with a fact strip for times and servings, a two-column ingredient list on wide screens and numbered steps.
Styles for the WPIDE Form Shortcodes
Gives the contact, quote, newsletter and other WPIDE form shortcodes a clean, consistent look with full-width fields, clear notices and a solid button that follows your theme colors.
Team Grid Card Styles (SCSS)
Gives the [team] grid rounded photos, a gentle hover lift and tidy name and job title typography, with motion turned off for visitors who prefer less.
Testimonial Card Styles (SCSS)
Styles the [testimonials] grid as soft cards with a large quote mark, gold stars and a clear attribution line that adapt to light and dark themes.
Theme Button Classes on WPForms Submit Buttons
Adds your theme's button classes to every WPForms submit button, so forms match the other buttons on your site without extra CSS.
Theme-Styled Button for the Comment Form
Replaces the comment form's submit input with a real button element that carries your theme's button classes, so it matches the other buttons on your site.
Turn Off Fluent Forms Default Styles
Stops Fluent Forms loading its default stylesheet, so forms inherit your theme's form styling or your own CSS without overrides.