Streaming live at 10am (PST)

Cursor manipulation


#1

How can i change the cursor:hover for a DIV? I have a list and i want the cursor hover for each element. Is that possible??


#2

You mean the HAND cursor for the links? Yes. Drag a link block into each of your list item and put the item content inside.


#3

Dont work for me. My list element has texts and some absolute elements inside. So when i put it inside of a link, its inner contet lose the styles and assumes a link attribs. I just want to chose the cursor pointer for the li. And after i can js to a link.


#4

It shouldn't be the case. It should work flawlessly. Can you share your public link?

You can still add custom CSS to do that, but adding css to invoke a hand cursor and adding the link by JS? Why would that be required?


#5

Have a look at the Vagas list. The first element is with link. See how its altered.
http://~.webflow.com/

Tks
Marcelo


#6

That's an easy fix. Give a class to your link element and in the Typography panel you click on decoration:none on the bottom right.


#7

It Worked! Thanks! Iwas trying doing that with the inside elements.


#8

The link block is going to add this property to any text under it, because text by default have nothing set-up for decorations. They "inherit" the rule until a more specific rule is given to them. Logically you could have done the same thing by putting the decoration:none to the text elements...

edit:I'm wrong smile


#9

decoration:none wasnt working for title and paragraph


#10

Actually setting text-decoration: none on the elements inside of a link won't remove the underline. You'll have to select the actual link and set it to none for the text inside to not be underlined.


#11