如何添加此悬停元素的链接？

Question

这是我的代码：

//////////////////////////////////////////////////////////////////
// Service box shortcode 
//////////////////////////////////////////////////////////////////

add_shortcode('vc_service_box', 'shortcode_service_box');
    function shortcode_service_box($atts, $content = null) {
        extract(shortcode_atts(array(           
            'title' => '',
            'href' => '',
            'target' => '',                 
            'icon' => '',
            'view_more' =>'false',          
            'el_class' => ''
        ), $atts));

        $str = '';


        $str .= '<div class="vc_front_widget '.$el_class.'">';  
        if($icon):
            $img = wp_get_attachment_image_src($atts['icon']);
            $str .= '<div class="shortcode_img"><img src="'.$img[0].'" alt=""></div>';
        endif;
        if($title):
            if($href){
                $str .= '<h3 class="widget-title"><a href="'.$href.'" target="'.$target.'">'.$title.'</a></h3>';
            }
            else { $str .='<h3 class="widget-title">'.$title.'</h3>';}
        endif;

        $str .= '<div class="content_box_text">'.do_shortcode($content).'</div>';

        if($view_more=='true') {
            $str .= '<div class="view_more"><a href="'.$href.'">'. __( 'View More', 'Creativo' ) . ' &rarr;</a></div>';
        }
        $str .= '</div>';

        return $str;
    }   

所以这里是我尝试添加链接的类的.php代码。我只想将背景悬停在一个指向相应部分的链接中。

这是网站：tandc.puerteaspecialists.co.uk

该地区的名称为“我们的服务”。我不知道我提供的代码是否只是PHP形成的CSS。有四个元素，每个元素需要一个不同的href链接。