jQuery add ACF value as class to element
HTML CSS Change text on hover
Hello WorldIt’s ChatGPT
Default plugins and snippets checklist
New website default to install plugins and snippets checklist
Formulier test
jQuery + CSS Print an Elementor page to PDF
Elementor page layout, wrapped in a table by jQuery, and styled with CSS to make an awesome printable (to pdf) document.
HTML CSS Open on hover button
Do Something? Bericht Set HTML widget to dislay inline or fixed width and add ID “expandbutton” Do Something? #expandbutton .expand-flex-button {display: flex;background-color:#D55059;border-radius:6px 0px 0px 6px;padding:6px 0px;} #expandbutton .expand-flex-button * {display:inline-block;color:white;font-weight:600;font-size:16px;} #expandbutton .button-icon {padding:0px 12px;transition:transform 400ms;} #expandbutton .button-link {padding-left:12px;} #expandbutton.opened .button-icon {transform:rotate(-180deg);} jQuery(function($){ // AANMELDEN KNOP if ($(window).width() 1024) { $(‘#expandbutton’).hover(function(){ $(this).toggleClass(‘opened’); $(‘#expandbutton .button-link’).fadeToggle(); }); } […]
WP-Admin post: Change Default Tag Meta Box to Category Meta Box
Remove the tag selection box, add one with checkboxes like Categories
jQuery Detect if element is in viewport
The long awaited trigger
PHP WP Admin custom column in custom posts
How to add custom column, with custom field values, to custom posts in wp-admin
SVG Background image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Antagonist: Extra domeinnaam kopen
Aan de hand van screenshots zie je hier hoe je op https://mijn.antagonist.nl/ een extra domeinnaam kunt kopen.
HTML CSS Hamburger menu
Copy from a codepen, some simple HTML hamburger menu triggers
WooCommerce default quantity grouped product
How to set default quantity in a grouped product to 1 (or x)
CSS SVG animation
Use a single SVG image file to apply different animations, to move only parts of the image
SCSS ‘META FIZZY’ text effect
Probably one of the coolest things ever
WP-Admin posts: show all available tags
Snippet to change the action of the url ‘show most used tags’ to instead show all available tags.
PHP Shortcode list categories and/or tags
Works in combination with the ‘Code Snippets’ plugin. Add the code as a HTML content snippet, select ‘Evaluate PHP code’ and use the generated shortcode in a template or page.
CSS and/or jQuery Tooltip
Simple CSS tooltip with some styling
Elementor form submissions access for editor
Handy plugin/snippet to allow access to the elementor submissions page in the dashboard for site editors, by tere.co.uk
jQuery action on scroll Y position or element trigger
Use jQuery actions on scroll, for example to show a header only on scrolling up, or changing section color when scrolling past a specific element.
jQuery video controls
jQuery commands to control html video like play pause and set properties
jQuery most used actions
Some of (my) most used actions with jQuery, repeated here for copy and paste application
Elementor hide/show hover arrow button
CSS animated Elementor button with an arrow that appears and disappears on hover.
WP Admin add custom link to sidebar
Short snippet to add a menu item to the WP Admin dashboard sidebar menu. In this example, the Elementor forms submissions page.
jQuery UI draggable
jQuery UI library to make fun interactions.
Elementor dynamic add class from ACF field
Set a dynamic class to a section/widget from an ACF field value. If value is empty, no class is added. Very handy with checkbox to use for conditional CSS with (custom) posts.
PHP WP-Admin dashboard styling CSS
Add CSS to the WP-Admin dashboard backend, for general styling or to hide elements for specific users
JS typing effect
Typed.js is a library that types.
PHP add body classes
Use php to add body classes based on any condition to use for hooking into for CSS styling
JS countdown + forward to url
Forward a visitor of a page to another url x time after landing, and show the countdown
Elementor CSS clickable column
Apply a link from a widget to the entire column
HTML CSS custom scrollbar
Customise the html scrollbar, with variations in color if needed based on body class
HTML CSS Custom cursor
Custom cursors from image files
CSS transition background gradient
Really creative and nice solution for the undoable, by Chris Coyier from CSS Tricks
CSS Marquee
Simpler than a JS Marquee. Despite a duration based glitch often this solution will serve the goal perfectly.
JS Marquee
No plugin, a very smooth and simple JS Marquee
CSS: wp-login.php
How to customize the default wp-login form with a snippet
PHP Search query hide/ignore posts
Hide specific posts and/of post-types from search results.
CSS @keyframe animations
Base for css @keyframe animation structure, with a few examples
jQuery do something if referrer URL contains ‘string’
Check with JS if the URL that the visitor came from when landing contains a certain string
CSS JetSmartFilters: Checkboxes and Radio hover dropdown
Create a select-like behavior from a radio or checkboxes list by making the list appear only on hover, like a sub-menu.
jQuery Elementor, Close accordion by default
Load the Accordion widget with items closed by default
PHP Posts & Pages, disable things
How to disable the default WP editor from posts and pages, to induce custom post behavior, replace with ACF fields or force editing with Elementor.
PHP Custom post alt: Change post and taxonomy labels
Induce custom post behavior with the default WP posts by changing the labels. Combine with ACF to create more custom post behavior.
PHP Custom Post Via Code & Plugin
How to make a custom post. Easy interface with CPT UI, or with a simple code snippet.
Plugin FullPage.js by Alvaro Trigo
Implementing the fullPage.js plugin by Alvaro Trigo in Elementor to create screen-snap behavior.