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.
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.
Card Style for Query Loop Posts (SCSS)
Turns each post in Query Loop blocks into a card with padding, rounded corners, a soft shadow and a lift on hover, for blog and archive templates in block themes.
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 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.
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.
Clear Keyboard Focus Outlines
Shows a strong, visible outline around links, buttons and form fields when visitors navigate with the keyboard, which many themes hide. Mouse clicks are not affected.
Clear Valid and Invalid States for Form Fields
Colors form fields red with a short hint once a visitor has interacted with them and entered something invalid, without flagging untouched empty fields.
Color Post Rows by Status
Tints draft, pending, scheduled and private rows in admin list tables so unpublished content stands out at a glance.
Colour-Code Event Categories in Calendar Views
Adds a coloured left border to events in The Events Calendar's list, day and month views based on their event category, so visitors can scan the calendar by type.
Comfortable Line Length for Reading
Limits paragraphs, lists and quotes in posts to about 75 characters per line, the width recommended for readability, while wide blocks such as images and tables keep the full width.
Comfortable Reading Typography for Posts (SCSS)
Tunes the line length, line height and spacing of headings, paragraphs and lists inside blog posts for long-form reading.
Compact Rows in Admin Lists
Tightens the spacing of admin table rows so more posts, pages and users fit on screen at once.
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.
Corner Ribbons: "New", "Sale" and "Popular" (SCSS)
Adds classes that put a diagonal corner ribbon on any block (wpide-ribbon-new, wpide-ribbon-sale, wpide-ribbon-popular), handy for pricing columns and product cards.
Correct Quotation Marks Per Language
Makes <q> quotations use the right quote marks for the language of the page or passage, such as « » in French, „ “ in German and 「 」 in Japanese.
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 CSS Classes for Widgets
Adds a "CSS classes" field to every classic widget, so you can style individual widgets from your theme or a CSS snippet.
Custom CSS for Specific Blocks, Loaded Only Where Used
Lets you write extra CSS for individual block types (for example tables or quotes) that WordPress prints only on pages that actually contain those blocks.
Custom Pattern Rules for WPForms Text Fields
Validates WPForms single-line text fields against your own patterns, such as postcodes, order numbers or VAT IDs, chosen per field with a CSS class.
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.
Dark Mode Toggle Button
Adds a floating moon button that switches the site to a dark color scheme, remembers the visitor's choice and follows their system setting on the first visit.
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.
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.