Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Call-to-action – open in new tab

call-to-actionopen in new tabtarget
    • 10 years, 2 months ago hutterunger
      Participant

      Expired

      Hello,

      I’d like the button link in the call-to-action to open in a new tab. Unfortunately that’s not possible in the visual composer. Please can you help me? Here’s the site: https://hutterun.phoenix.uberspace.de/test/corporate-fashion/

      Also I’d like the last portfolio picture on this site https://hutterun.phoenix.uberspace.de/test/ to open in a new tab. Is this possible?

      Thank you in advance!

      Best regards!

       

    • 10 years, 2 months ago Mirela
      Participant

      Hello,

      To open Call to action button in new tab, please do the following:
      -go to file vc_templates\textbar.php and find this line:
      $output .= '<a href="'.esc_url($button_link).'" class="btn-bt '.esc_attr($cl_redata['overall_button_style'][0]).'"><span>'.esc_attr($button_title).'</span><i class="'.esc_attr($icon).'"></i></a>';
      replace with this:
      $output .= '<a target="_blank" href="'.esc_url($button_link).'" class="btn-bt '.esc_attr($cl_redata['overall_button_style'][0]).'"><span>'.esc_attr($button_title).'</span><i class="'.esc_attr($icon).'"></i></a>';
      -Save file!

      I clicked on the last portfolio picture and it opens in new tab. Did you solve it?

      Best regards!

    • 10 years, 2 months ago hutterunger
      Participant

      Expired

      Hi,

      thank you very much. But does this code change the target of ALL call-to-action-buttons? Because this is not what I want.

      Yes, I have solved the issue with the last portfolio item.

      Best regards!

    • 10 years, 2 months ago Mirela
      Participant

      Hello,

      Yes, it will apply to all Call-to-Action buttons, since all of them are generated from one file. Sorry but it is not possible for just one button. You can use the button element for this purpose.

      Best regards!

    • 10 years, 2 months ago hutterunger
      Participant

      Expired

      Hello,

      I’ve tried it with the button element. But the button element has no field for target. So what did you mean?

    • 10 years, 2 months ago Mirela
      Participant

      Hello,

      If you’re only using it once, you can modify the button element to open in new tab and let the ‘Call to Action’ element intact. I’m suggesting to edit the element you can use only once in the page.

      Best regards!

    • 10 years, 2 months ago hutterunger
      Participant

      Expired

      Hello,

      I have solved the problem with the “button 2” element. I have added the class “btn-bt align-right default”, so it looks like the other button. Only the icon doesn’t appear on hover … but I think I have to come to terms with this.

      Thanks anyway.

      Nadine

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password