Cursor pointer for button is not working in the Hero component.

[gchin108]

It seems no button can have the css cursor pointer applied inside the hero component. I tried the completed version, still the same problem. The only way i could apply the cursor pointer is in the browser console under the Element Styles tab.

[omar-ashraf2]

You can fix the issue by setting the z-index property of the sliding text to "1" and making the buttons higher, for example, "3". This will resolve the issue.

[urstrulyrithik]

You can fix the issue by setting the z-index property of the sliding text to "1" and making the buttons higher, for example, "3". This will resolve the issue.

can you please explain what do you mean by making the buttons higher ? Also why do you this issue occured in the first place?

[omar-ashraf2]

To fix the issue of the sliding text overlapping the buttons, you can adjust the "z-index" property. This property controls the priority of layers on your webpage, thereby deciding which element should appear above the other. By increasing the "z-index" value of the buttons to, say, 3 and setting the "z-index" value of the sliding text to 1, you can ensure that the buttons appear on top of the sliding text.

[Flaviomota24]

Tem o script aí para nós mostra ?, gostaria de ver o problema e a solução.

[omar-ashraf2]

Make sure that your buttons or links have a z-index higher than the slider as follows:
Here it's set to 3:

For the slider, I set it to 1: