$(document).ready(function() { // Function to increase cursor size and change color when hovering over clickable elements function handleCursorHover() { // Select all clickable elements on your website var clickableElements = $("a, button, [role='button'], [onclick], [tabindex='0']"); // Add hover event listener to each clickable element clickableElements.hover(function() { // Change cursor size $(".cursor-point").css({ "width": "20px", "height": "20px" }); // Change cursor color to white $(".cursor-point").css("background-color", "white"); }, function() { // Revert cursor size and color when mouse leaves clickable element $(".cursor-point").css({ "width": "15px", "height": "15px" }); $(".cursor-point").css("background-color", "black"); }); } // Call the function to handle cursor hover over clickable elements handleCursorHover(); });