Skip to content

snippets

How to Remove Title Tooltips from WordPress with jQuery on Hover – Fast and Easy Tutorial

    Hi Mike here, in this tutorial I’m going to show you how you can use jQuery to remove WordPress title tooltip attributes on hover, which allows screen readers and SEO to use the titles while your site retains a clean modern look. Remove title tooltip attributes from images, links, buttons, icons and more. This is the code used in the video: function custom_remove_title_script() { ?> <script> (function($){ $(“*”).hover(function(){ $(this).removeAttr(“title”); }); })(jQuery); </script> <?php } add_action(‘wp_footer’, ‘custom_remove_title_script’); This snippet would be… Read More »How to Remove Title Tooltips from WordPress with jQuery on Hover – Fast and Easy Tutorial

    How to move anything using jQuery insertBefore & insertAfter – Easy Tutorial

      Hi Mike here, in this tutorial I’m going to show you how you can move any element in your WordPress theme using jQuery insertBefore & insertAfter So let’s say you found a theme that you love, except one element is not quite where you would like it to be, let’s say it’s the page title. You can move this yourself easily with some jQuery, jQuery is a javascript library that WordPress loads by default, think of it as a bunch… Read More »How to move anything using jQuery insertBefore & insertAfter – Easy Tutorial

      How to add Gradient Color to Text Tutorial

        Hi Mike here, in the tutorial I’m going to show you how to add Gradient Color to Text. This is a great effect for titles or headings on your website and with the css snippets I’m going to share with you it is easy. So on this page I have two examples the first one is a Gradient fill and the second is a Gradient outline, I thought that these would go together well. So lets work on the Gradient… Read More »How to add Gradient Color to Text Tutorial

        Change the order of columns for mobile devices on WordPress with CSS

          In this video tutorial I’m going to demonstrate how the change the order of columns when viewed on a mobile device. Typically, columns on a page for desktop are shown as single item rows for mobile. So for example, if you have alternating picture and text columns that give a nice checkerboard appearance, when viewed on mobile you’ll see picture, picture, and then text, text. Not so nice. The code snippet used in the video was: #av-layout-grid-2 { display: flex;… Read More »Change the order of columns for mobile devices on WordPress with CSS