{"id":6767,"date":"2024-04-14T16:05:46","date_gmt":"2024-04-14T08:05:46","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6767"},"modified":"2024-04-14T16:05:46","modified_gmt":"2024-04-14T08:05:46","slug":"replace-the-default-pointer-shape-for-elements","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/replace-the-default-pointer-shape-for-elements\/","title":{"rendered":"Replace the default pointer shape for elements"},"content":{"rendered":"\n
\n

You have the ability to substitute the default pointer shape of an element by adjusting the pointer value.<\/p>\n

Even when the pointer changes upon hovering over an element, the pointer property is designated for the none state<\/a> of an element.\u00a0<\/h6>\n

Adjusting the pointer shape for an element<\/h2>\n
    \n
  1. Opt the element<\/li>\n
  2. Head to the Styles<\/strong>Panel<\/strong><\/li>\n
  3. Scroll to the Effects<\/strong> category<\/li>\n
  4. Tap on the pointer symbol<\/strong> to select from a variety of pointer choices<\/li>\n<\/ol>\n
    \n
    \"The<\/div>\n<\/figure>\n

    Assign a custom pointer for a lightbox link
    <\/h2>\n

    A lightbox is a link element, therefore, the default pointer on hover is a pointer cursor. Nonetheless, given that a lightbox can be utilized to enlarge images, you may prefer to modify the pointer cursor to a magnify-in<\/strong> pointer.<\/p>\n

    Assign a custom pointer for inactive links<\/h2>\n

    If your layout contains a button that’s presently inaccessible, you can alter the pointer on that button to the not-permitted<\/strong> pointer. This will indicate to your website visitor that the button is inactive.<\/p>\n

    \n
    On the left, the text label \"Pointer\" and the Apple pointer icon. On the right, a text label \"Not-permitted\" with a not-permitted icon.<\/div>\n<\/figure>\n

    Discover more about<\/strong>\u00a0pointers and other effects<\/strong>.<\/p>\n

    Devise my own customized pointers<\/h2>\n

    Interested in creating your own playful, custom pointers? Explore A guide to custom pointers in Webflow<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Override the browser\u2019s default cursor for an element by changing the cursor value.","protected":false},"author":2,"featured_media":6768,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-6767","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6767"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6767\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6768"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}