Brand Button Styles (SCSS)
Restyles theme and block buttons with your brand color, hover and focus states, generated from a few SCSS variables.
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.
Brand Colors on the Login Page
Restyles the login screen with your own background, button and link colors.
Bricks Element Condition: During Opening Hours
Adds a "During opening hours" condition to Bricks, so a "Call us now" button or live chat block only shows while your business is open.
Button Block Hover Effects (SCSS)
Adds a smooth lift, shadow and color shift when visitors hover over or focus Button blocks, with motion turned off for people who prefer reduced motion.
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.
Button-Style Pagination (SCSS)
Turns the page numbers under the blog, archives and Query Loop blocks into evenly sized rounded buttons with a clear current-page state.
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.
Call Button in the Divi Header
Adds a tap-to-call phone button next to the menu in Divi's default header, which is especially handy for local businesses on mobile.
Call-to-Action Group Block After Posts
Adds a ready-made group of blocks (heading, text and button) to the end of every post, which you can restyle with the block editor's own classes.
Catalog Mode (Prices Without Purchasing)
Turns the shop into a catalog: products and prices stay visible, but add to cart buttons, the cart and checkout are disabled for everyone.
Change Login Form Labels and Button Text
Renames the field labels and the button on the login screen, for example "Email" instead of "Username or Email Address" and "Sign in" instead of "Log In".
Change the Add to Cart Button Text
Replaces "Add to cart" with "Buy now" on single product pages and on shop listings for simple, in-stock products.
Change the Comment Form Title, Note and Button Text
Replaces "Leave a Reply", the "Your email address will not be published" note and the "Post Comment" button with your own wording.
Change the Place Order Button Text
Renames the "Place order" button on the classic checkout to something clearer, such as "Complete purchase".
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.
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.
Click-to-Copy Shortcode for Coupon Codes
Adds a [wpide_copy text="SAVE20"] shortcode that shows the code in a dashed box with a Copy button, and confirms with "Copied!" when clicked.
Close Open Menus With the Escape Key
Lets keyboard users press Escape to close an open dropdown or mobile menu and returns focus to the button or link that opened it.
Collapse Long Comments With a Read More Button
Shortens very long comments to a few lines with a soft fade and a Read more / Show less button. Works with classic themes and the Comments block, and leaves comments whole when JavaScript is off.
Collapsible Submenus in the Divi Mobile Menu
Folds submenus in Divi's mobile menu and adds a plus/minus button to open each one, so long menus no longer fill several screens on phones.
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.
Copy Button on Code Blocks
Adds a "Copy" button to every code block in your posts so readers can copy commands and code samples with one click.