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

Social Media WIDGET

    • 6 years, 11 months ago eaf6989
      Participant

      Expired

      Hi

      How can we make clicks on the social media icons result in this being displayed in a new browser window rather than replacing the site?

      Kind regards

      Euan

    • 6 years, 11 months ago Ludjon
      Keymaster

      Hello,

      Sorry for the delay. We have some staff for holidays and we have some difficulties these days. Please let me know social media in which part of page do you need to add this type of link?

      For example if you need them in footer just do this:

      Go to includes/widgets/codeless_socialwidget.php

      add this code to each link:

      target="_blank"

      For example transform this:

      echo '<li class="facebook"><a href="'.esc_url($facebook).'"><i class="cl-icon-facebook"></i></a></li>';

      To:
      echo '<li class="facebook"><a href="'.esc_url($facebook).'" target="_blank"><i class="cl-icon-facebook"></i></a></li>';

    • 6 years, 11 months ago eaf6989
      Participant

      Expired

      Hi Ludjon

      It is the social icons in the bar above the footer.

      See screenshot

      https://postimg.cc/image/vyem53pm5/

      Cheers

      Euan

    • 6 years, 11 months ago Mirela
      Participant

      Hello,

      Please go to file includes/widgets/codeless_socialwidget.php as suggested from my colleague. Find this block:

              echo '<ul class="social-icons-widget '.esc_attr($style).'">';
                  
                  if( !empty($facebook) )
                     echo '<li class="facebook"><a href="'.esc_url($facebook).'"><i class="cl-icon-facebook"></i></a></li>';
                  if( !empty($twitter) )
                      echo '<li class="twitter"><a href="'.esc_url($twitter).'"><i class="cl-icon-twitter"></i></a></li>';
                  if( !empty($instagram) )
                      echo '<li class="email"><a href="'.esc_url($instagram).'"><i class="cl-icon-instagram"></i></a></li>';
                  if( !empty($pinterest) )
                      echo '<li class="pinterest"><a href="'.esc_url($pinterest).'"><i class="cl-icon-pinterest"></i></a></li>';
                  if( !empty($tumblr) )
                      echo '<li class="email"><a href="'.esc_url($tumblr).'"><i class="cl-icon-tumblr"></i></a></li>';
                  if( !empty($vk) )
                      echo '<li class="email"><a href="'.esc_url($vk).'"><i class="cl-icon-vk"></i></a></li>';
                  if( !empty($google_plus) )
                      echo '<li class="google"><a href="'.esc_url($google_plus).'"><i class="cl-icon-google-plus"></i></a></li>';
                  if( !empty($linkedin) )
                      echo '<li class="foursquare"><a href="'.esc_url($linkedin).'"><i class="cl-icon-linkedin"></i></a></li>';
      
                  
                  if( !empty($vimeo) )
                      echo '<li class="vimeo"><a href="'.esc_url($vimeo).'"><i class="cl-icon-vimeo"></i></a></li>';
                  
                  
                  if( !empty($youtube) )
                      echo '<li class="youtube"><a href="'.esc_url($youtube).'"><i class="cl-icon-youtube-play"></i></a></li>';
                  if( !empty($email) )
                      echo '<li class="email"><a href="'.esc_url($email).'"><i class="cl-icon-mail"></i></a></li>';
                  
                  
                  if( !empty($skype) )
                      echo '<li class="email"><a href="'.esc_url($skype).'"><i class="cl-icon-skype"></i></a></li>';
                  if( !empty($soundcloud) )
                      echo '<li class="email"><a href="'.esc_url($soundcloud).'"><i class="cl-icon-soundcloud"></i></a></li>';
                  
                  if( !empty($behance) )
                      echo '<li class="email"><a href="'.esc_url($behance).'"><i class="cl-icon-behance"></i></a></li>';
      
              echo '</ul>';
      
              echo wp_kses_post( $after_widget );
      
          }

      Replace it with this:

              echo '<ul class="social-icons-widget '.esc_attr($style).'">';
                  
                  if( !empty($facebook) )
                     echo '<li class="facebook"><a href="'.esc_url($facebook).'" target="_blank"><i class="cl-icon-facebook"></i></a></li>';
                  if( !empty($twitter) )
                      echo '<li class="twitter"><a href="'.esc_url($twitter).'" target="_blank"><i class="cl-icon-twitter"></i></a></li>';
                  if( !empty($instagram) )
                      echo '<li class="email"><a href="'.esc_url($instagram).'" target="_blank"><i class="cl-icon-instagram"></i></a></li>';
                  if( !empty($pinterest) )
                      echo '<li class="pinterest"><a href="'.esc_url($pinterest).'" target="_blank"><i class="cl-icon-pinterest"></i></a></li>';
                  if( !empty($tumblr) )
                      echo '<li class="email"><a href="'.esc_url($tumblr).'" target="_blank"><i class="cl-icon-tumblr"></i></a></li>';
                  if( !empty($vk) )
                      echo '<li class="email"><a href="'.esc_url($vk).'" target="_blank"><i class="cl-icon-vk"></i></a></li>';
                  if( !empty($google_plus) )
                      echo '<li class="google"><a href="'.esc_url($google_plus).'" target="_blank"><i class="cl-icon-google-plus"></i></a></li>';
                  if( !empty($linkedin) )
                      echo '<li class="foursquare"><a href="'.esc_url($linkedin).'" target="_blank"><i class="cl-icon-linkedin"></i></a></li>';
      
                  
                  if( !empty($vimeo) )
                      echo '<li class="vimeo"><a href="'.esc_url($vimeo).'" target="_blank"><i class="cl-icon-vimeo"></i></a></li>';
                  
                  
                  if( !empty($youtube) )
                      echo '<li class="youtube"><a href="'.esc_url($youtube).'" target="_blank"><i class="cl-icon-youtube-play"></i></a></li>';
                  if( !empty($email) )
                      echo '<li class="email"><a href="'.esc_url($email).'" target="_blank"><i class="cl-icon-mail"></i></a></li>';
                  
                  
                  if( !empty($skype) )
                      echo '<li class="email"><a href="'.esc_url($skype).'" target="_blank"><i class="cl-icon-skype"></i></a></li>';
                  if( !empty($soundcloud) )
                      echo '<li class="email"><a href="'.esc_url($soundcloud).'" target="_blank"><i class="cl-icon-soundcloud"></i></a></li>';
                  
                  if( !empty($behance) )
                      echo '<li class="email"><a href="'.esc_url($behance).'" target="_blank"><i class="cl-icon-behance"></i></a></li>';
      
              echo '</ul>';
      
              echo wp_kses_post( $after_widget );
      
          }

      Save changes and refresh page.

      Let us know.

      Best regards!

    • 6 years, 11 months ago eaf6989
      Participant

      Expired

      Hi Mihaila

      This worked perfectly thanks.

      Kind regards

      Euan

Viewing 4 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