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(); }); } […]
SVG Background image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
HTML CSS Hamburger menu
Copy from a codepen, some simple HTML hamburger menu triggers
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
CSS and/or jQuery Tooltip
Simple CSS tooltip with some styling
Elementor hide/show hover arrow button
CSS animated Elementor button with an arrow that appears and disappears on hover.
PHP WP-Admin dashboard styling CSS
Add CSS to the WP-Admin dashboard backend, for general styling or to hide elements for specific users
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.
CSS: wp-login.php
How to customize the default wp-login form with a snippet
CSS @keyframe animations
Base for css @keyframe animation structure, with a few examples
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.