# Make a Complete Module Clickable (make a div a link)?

**URL:** <https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211>\
**Category:** Beaver Builder\
**Created:** [January 6, 2015, 3:47pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211 "2015-01-06T15:47:25Z")\
**Posts on this page:** 9\
**Page:** 2

<div class="post-metadata">

**Author:** ![kathrynjws](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/kathrynjws/32/355_2.png) [@kathrynjws](https://community.wpbeaverbuilder.com/u/kathrynjws)\
**Post date:** [October 31, 2015, 6:04am UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/21 "2015-10-31T06:04:51Z")

</div>

Many thanks Ben for the extra work around - this worked a treat! 🙂

Kat

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 31, 2015, 8:36pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/22 "2015-10-31T20:36:42Z")

</div>

Awesome! Enjoy BB! 🙂

Ben

---

<div class="post-metadata">

**Author:** ![zerozendesign](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/zerozendesign/32/149_2.png) [@zerozendesign](https://community.wpbeaverbuilder.com/u/zerozendesign)\
**Post date:** [February 9, 2016, 12:16pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/23 "2016-02-09T12:16:24Z")

</div>

Hey Ben,

I’ve been using your method above to make a full column a link on several sites now. It works great, however there is a bit of CSS I can’t quite figure out.

I should mention that I am using the columns to link to anchors on the same page, so not sure if this has something to do with it. I have used the text decoration: none; to remove underlining on hover, however when clicking one of these column links to an anchor down the page, after scrolling back up I notice that the text is underlined.

I believe there is a pseudo class that is underlining the text in the column _after_ it is clicked.

Can you help me resolve this so the text doesn’t get underlined after clicking?

Thanks,  
David

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [February 9, 2016, 8:10pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/24 "2016-02-09T20:10:59Z")

</div>

Hey David,

Try using the `:visited` selector and see if that works. If it doesn’t, do you mind sharing the URL of the site in question so we can check?

Ben

---

<div class="post-metadata">

**Author:** ![daveporter](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/daveporter/32/106_2.png) [@daveporter](https://community.wpbeaverbuilder.com/u/daveporter)\
**Post date:** [February 11, 2016, 5:44pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/25 "2016-02-11T17:44:59Z")

</div>

I’ve been playing with this too, and it works great for me, so thanks very much.  
One thing I have noticed is that ‘Link target in a new Window’ is not being recognized from the Callout settings.  
But I’m not sure how to add ‘target="\_blank"’ to the JQuery ?  
I’m not sure if the callout setting can be looked at, or if we need two versions, one for each option?

TIA, Dave

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [February 11, 2016, 9:27pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/26 "2016-02-11T21:27:36Z")

</div>

Hey Dave,

We could make it so it picks up the Link Target setting under the Call To Action tab as well. Try setting that to New Window, then use the script below and see if it works.

```auto
jQuery(document).ready(function() {
  jQuery('.col-link .fl-col-content').each(function() {
    var callout_link = jQuery(this).find('a').first().attr('href');
        callout_target = jQuery(this).find('a').first().attr('target');
    jQuery(this).wrapInner('<a></a>');
    jQuery(this).find('a').first().attr({href:callout_link,target:callout_target});
  }); 
});

```

Ben

---

<div class="post-metadata">

**Author:** ![daveporter](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/daveporter/32/106_2.png) [@daveporter](https://community.wpbeaverbuilder.com/u/daveporter)\
**Post date:** [February 11, 2016, 9:33pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/27 "2016-02-11T21:33:11Z")

</div>

Thanks Ben,  
Worked a treat - thank you so much…  
Dave

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [February 11, 2016, 9:36pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/28 "2016-02-11T21:36:48Z")

</div>

No worries at all, and glad I could help! Have fun! 🙂

Ben

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:15pm UTC](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211/29 "2019-04-27T22:15:20Z")

</div>



[Previous page](https://community.wpbeaverbuilder.com/t/make-a-complete-module-clickable-make-a-div-a-link/2211.md?page=1)