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
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.
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.
Sets the default vertical gap between blocks across a block theme, for a tighter or airier rhythm without adjusting every Group block.
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.
Tunes the line length, line height and spacing of headings, paragraphs and lists inside blog posts for long-form reading.
Tightens the spacing of admin table rows so more posts, pages and users fit on screen at once.
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.
Replaces the spacing presets in the editor's padding, margin and block spacing controls with your own scale, so every page uses the same rhythm.
Styles Fluent Forms from a few SCSS variables for accent color, radius, spacing and errors, including checkboxes, buttons and a dark-mode variant.
Styles Gravity Forms from a handful of SCSS variables (accent, radius, spacing, error color), including choices, multi-page progress bars, buttons and dark mode.
Hides color, typography, spacing and border controls in the block editor for authors and contributors, so they focus on writing while editors keep full design control.
Reduces the unit dropdowns in spacing and size controls to the units you want (for example px, rem and %), keeping layouts consistent.
Removes the custom color picker, custom gradients and free-form font and spacing sizes from the editor, so editors can only choose from your theme's palette and scales.
Restyles the WooCommerce shop grid into clean cards with rounded images, consistent spacing, aligned buttons and a hover effect.
Cleans up the empty paragraphs and stray line breaks left behind by pasted text, old page builders and shortcodes, so spacing stays even.
Hides letter spacing, text transform, text decoration, font style, font weight, line height and writing mode controls, leaving a calmer sidebar for content editors.
Generates margin and padding helper classes such as mt-2, mb-4 and px-3 from a spacing scale, to fine-tune block spacing with an extra CSS class.
Adds a [text_spacing_toggle] shortcode button that increases line height, letter and word spacing to the levels recommended by WCAG, which helps readers with dyslexia or low vision.
Sets the weight, line height and letter spacing of all headings in a block theme, for a crisper, more modern look in the editor and on the site.
Enables wide and full alignments, responsive embeds, spacing, border, line height and link color controls for classic themes that never declared them.
Styles WPForms from a few SCSS variables (accent, radius, spacing, error color), including choices, buttons, errors and a dark-mode variant.