Hello,

Please go to file vc_templates\services_medium.php and find this line:
$output .= '<div class="icon_wrapper" style="'.$extra_st.'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></div>';
replace with this:
$output .= '<div class="icon_wrapper" style="'.$extra_st.'"><a href="'.esc_url($data['link']).'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></a></div>';
Save file.

Best regards!

Hi, I´m building my first site and I have no experience at all doing this, I´m almost done but I can´t add links to the icons, I am reading the response you gave but honestly, I don’t know where to find the file vc_templates\services_medium.php and once it is saved with the new code, how is the information updated in the template. </span>

Can you please assist me with that?

Thank you,

Gaspar Yabrudy

• This reply was modified 8 years, 6 months ago by gyabrudy.

Hello,

@gyabrudy,
Yes, sure. Just follow my instructions via screenshots:
1- Locate and open the given file. Go to Appearance > Editor. In the right sidebar, you will see some of theme’s files listed. Find services_medium.php among them.
Screenshot: https://postimg.org/image/4elars4t9/
If you would want to access it using a ftp account instead, then you should go to folder wp-content/themes/specular/vc_templates/ and here in the listed files, is the file you need.
Screenshot: https://postimg.org/image/abl1e3nnf/

2-After opening the file, find the line of code above (copy text and find it using CTRL+F):
$output .= '<div class="icon_wrapper" style="'.$extra_st.'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></div>';
Screenshot: https://postimg.org/image/b5vva9dpv/

3-Replace it with the edited line:
$output .= '<div class="icon_wrapper" style="'.$extra_st.'"><a href="'.esc_url($data['link']).'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></a></div>';

Save changes.
That’s it. Let us know.

Best regards!