insert link not working

[Toby]

Hi

The insert link stops working when I've added a class / ID to same text box.

In my case 'Close'

www.tobyneilan.com/lockdown-2

toby

[Richard]

Dear Toby

@Toby

Beautiful website and Artworks ✨
Have sent you a message via 'Chats' ➡️

---

Best wishes

Richard

[Toby]

Thanks Richard - I've sent you a response.

[Richard]

Dear @Toby

Thank you 🌝 I understand now:

" The insert link stops working when I've added a class / ID to same text box. " "In my case 'Close'"

When testing I had no issue creating links, but then see the problem on the front-end.

Giving an element the class or ID 'close' assigns something native/default in either Lay Theme or WooCommerce to the element.

I would suggest choosing a different Class or ID name that doesn't cause this interference. When testing different names, your element worked as it should.

Thank you for posting this Toby as i learnt something, also have a wonderful day, let me know if you run into further issue 🌼

Best wishes

Richard

[Toby]

Hi Richard
Thanks for the response. - I changed the class/ID to 'back' and tried a number of other names too but the link still won't respond!?

Cheers
Toby

[Richard]

Dear Toby

@Toby

I have created a test page called "Link Test By Richard"

Here i have given the text element a class: special.
The link works as it should.

Talk soon & best wishes
Richard

[Toby]

@Richard said in insert link not working:

Link Test By Richard

Hi Richard

I've narrowed it down - all links work until you add the 'fixed' element and then the class / id stops working - any suggestions??

Thanks
Toby

[Richard]

Dear @Toby

This is is a z-indexing problem related to the navbar.

https://www.w3schools.com/cssref/pr_pos_z-index.asp

---

I set up a test page as you needed:

• text element with 'close'
• Linked back to 'projects' page
• custom class 'back' applied

---

If the Link falls under the navbar's area it becomes unclickable because it is hidden behind ( even though the navbar is transparent it still applies ) :

For testing purposes i set the text elements 'z-index' to 99 & the navbar's 'z-index' to 0. This was issue as now the 'close' text element / link is clickable:

The Link was functioning as it should all along but this was why you couldn't activate it.

---

Best wishes Toby & thank you for supporting Lay Theme 🌝

Sincerely

Richard

[Toby]

Ah! the dreaded z- index
Thanks Richard

Toby

[Richard]

Yes the z-index a common enemy indeed! 🙈