$(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();
});