{"id":121305,"date":"2023-07-05T10:49:12","date_gmt":"2023-07-05T05:19:12","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-custom-png-gif-mouse-cursor\/"},"modified":"2023-07-05T11:58:00","modified_gmt":"2023-07-05T06:28:00","slug":"add-custom-png-gif-mouse-cursor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-custom-png-gif-mouse-cursor\/","title":{"rendered":"How to Add Custom PNG\/GIF Mouse Cursor in Elementor on WordPress [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to Add Custom PNG\/GIF Mouse Cursor in Elementor on WordPress\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/ggEhdsdjxxw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 18 : 46 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>Hello everyone today we will learn how to change to a custom beautiful mouse cursor on your Elementor website easily. Using this widget you can change mouse cursor or icon, setup follow cursor image or you can setup text based mouse cursor style. Which help your visitors to know about any column or you can improve your UI &#038; UX of your WordPress website.<br>\n<br>\n  Exclusive Features:<br>\n\u2705 Mouse Cursor to PNG\/GIF<br>\n\u2705 Mouse Cursor Follow Image<br>\n\u2705 Cursor Follow Text<br>\n\u2705 Cross Device &#038; Browser Tested<br>\n\u2705 SEO Friendly<br>\n<br>\n1)  What is Mouse Cursor ?<br>\nCustom mouse cursor is used by UI Web designers to customize and personalize website navigation. It features a pointer that can be customized to match the style of the design and look and feel of website.<br>\n<br>\n2) What do we need a Custom Cursor on a website  ?<br>\nSome of the benefits of using a custom mouse cursor are: it reflects the personality of your site, it offers clients an easy way to identify your website, and it gives your site an elegant look.<br>\n<br>\n\u25b6\ufe0f LIVE Widget Link   &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/mouse-cursor-icon-change\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/mouse-cursor-icon-change\/<\/a><\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121306,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121305","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121305"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121305\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121306"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121305"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}