Callout module, remove link for header and image, only button link

Beaver Builder
1

I really appreciate the formatting of the callouts. But I would like for only the button to be linked to the url I input in the call to action tab when configuring the callout module.

I found a work around for the header by repeating that content in content body and then using CSS to display:none the callout header.

Not sure about how to remove the link for the image. Or maybe you might have a better overall suggestion.

Thanks in advance,
Scott

2

Hey Scott,

Welcome to the BB forums! :slight_smile:

The only way around that would be via jQuery. The code below should do it! If you’re using the BB theme, you can simply place this under Theme Customizer > Code > JavaScript Code.

jQuery(document).ready(function() {
  jQuery('.fl-callout .fl-photo-content a, .fl-callout .fl-callout-title a').each(function() {
    jQuery(this).replaceWith(jQuery(this).contents());
  });
});

Ben

3

Worked like a champ! I imagine that I will modify the CSS selector to only target some of the callouts and not all of them.

Thank you for the prompt response. Keep up the awesome work!

4

Hey Scott,

No worries! That should work just fine! Have fun with BB! :slight_smile:

Ben