HTML CSS Open on hover button

Do Something? 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.

CSS SVG animation

Use a single SVG image file to apply different animations, to move only parts of the image

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.

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 add body classes

Use php to add body classes based on any condition to use for hooking into for CSS styling

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

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.