# CTA unable to click

**URL:** <https://community.hubspot.com/t/cta-unable-to-click/10403>\
**Category:** CMS Development\
**Created:** [September 27, 2018, 9:10am UTC](https://community.hubspot.com/t/cta-unable-to-click/10403 "2018-09-27T09:10:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![italoborges](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/italoborges/32/64675_2.png) [@italoborges](https://community.hubspot.com/u/italoborges)\
**Post date:** [September 27, 2018, 9:10am UTC](https://community.hubspot.com/t/cta-unable-to-click/10403/1 "2018-09-27T09:10:16Z")

</div>

Hello,

I have created a custom module and inside of it, I have 4 custom fields.

One of these fields is a custom CTA.

Inside my module, none of my links are clickable and inspecting the element by Chrome Developer Tools, it has three elements above it:

```auto
<div class="span12 widget-span widget-type-widget_container " style="" data-widget-type="widget_container" data-x="0" data-w="12">

<span id="hs_cos_wrapper_module_153803862306244" class="hs_cos_wrapper hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container">

<div id="hs_cos_wrapper_widget_1538038664592" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

```

My module custom code is inside this last div and HubSpot is creating these elements above.

Anyone knows how to solve this problem?  
Here a link that I don’t know if you have access to it…

[http://hs-netrica-com.sandbox.hs-sites.com/solutions/consultancies?hs\_preview=GmkSpvqg-6067047543](http://hs-netrica-com.sandbox.hs-sites.com/solutions/consultancies?hs_preview=GmkSpvqg-6067047543)

Thanks!

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [September 27, 2018, 11:47am UTC](https://community.hubspot.com/t/cta-unable-to-click/10403/2 "2018-09-27T11:47:58Z")

</div>

Your elements are nested in a container with classes “section-content group-reach-out”. This has a css property set of z-index: -1; which is causing all of it’s children to be stuck behind the parent.

[Here’s video proof](https://monosnap.com/file/vqCYaxv59zBFDNC75a8JShna9fJatu) 😄

* * *

If this answer helped, please, mark as solved 😄

* * *

[tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me [on slack](http://slack.belch.io/).

---

<div class="post-metadata">

**Author:** ![italoborges](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/italoborges/32/64675_2.png) [@italoborges](https://community.hubspot.com/u/italoborges)\
**Post date:** [September 27, 2018, 1:00pm UTC](https://community.hubspot.com/t/cta-unable-to-click/10403/3 "2018-09-27T13:00:32Z")

</div>

Thank you very much tjoyce!  
Do you know when you are in a project 24 hours a day and some common mistakes you just can’t find, that’s me! hahaha

Thanks again!  
 ![16x16_smiley-very-happy.png.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/a/a83ec960612094a57cfb392e21c202c8e77b967c.png)

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [September 27, 2018, 1:01pm UTC](https://community.hubspot.com/t/cta-unable-to-click/10403/4 "2018-09-27T13:01:30Z")

</div>

@italoborges - Haha, yes, you needed some fresh eyes 😄
