How can I change the cursor upon hovering over a group?

[alex.pethick]

I thought this would be an easy one, but I tried exposing the element (group) ID and using the following CSS in an HTML element on the page (and I also tried the HTML header)…

<style>

    #group-name {
        cursor: text;
}
</style>

But this didn’t work. Any ideas? Thanks.

[alex.pethick]

just checking again to see if anyone has any ideas?

Thank you

[ben29]

Probably have to give the group a class and go class:hover{} . About to try, will let you know.

[hacker]

Hey, @alex.pethick,

You can try something like:

<style>

    div#ID {
         cursor: pointer;
}

</style>

Hope it helps

[Kayami]

@alex.pethick that approach will work your selector is probably just wrong.
If you have a link to the page and tell me which element it is i’ll send over the right selector + an explanation how to get there yourself next time.

[alex.pethick]

Thank you! I’ve included a quick version here. I think it’s because the text is also clickable (which it needs to be) and that may be why the “text” cursor isn’t displaying:

Editor: https://bubble.io/page?type=page&name=cursor-hover&id=ap-forum-help&tab=tabs-1

Preview: https://ap-forum-help.bubbleapps.io/version-test/cursor-hover?debug_mode=true

To be clear it’s the “text” cursor I’m looking to add when you hover on a word:
https://codepen.io/chriscoyier/pen/uCwfB

[Kayami]

@alex.pethick works, just not in your editor (i added the change) because it’s on a free plan and HTML headers only work on paid plans.

Here it is in action

[alex.pethick]

Thank you!