这是底部的边界#portfolio-items article 当您悬停时。

实际上，在article 元素，您看到的灰色边框位于链接的底部，使用#portfolio-items article .project-meta 在投资组合项目的底部。

因此，您有两个选择，通过添加如下规则，重新编写悬停的CSS部分，将灰色更改为绿色：

#portfolio-items article:hover .project-meta {
     border-bottom: 1px solid #33be25;
}

然后从此规则中删除边框：

#main-nav a:hover,
#main-nav .hover>a,
#main-nav .current_page_item>a,
#main-nav .current_page_parent>a,
#main-nav .current-menu-item>a,
.projects-carousel a:hover,
#portfolio-items>article:hover,
.team-member:hover {
         border-bottom: 1px solid #33be25;
}

但这会影响所有其他项目，所以可以添加以下规则：

#portfolio-items>article:hover {
     border-bottom:none;
}

我认为更有效的方法是更新这条规则：

#portfolio-items article {
     margin-bottom: 50px;
     border-bottom: 1px solid transparent; /* add this line */
}

因此，您基本上要做的是已经包含徽标，这样当项目加载时，它们就有了设置的大小。。。然后，当你悬停时，你所做的就是将颜色从透明改为绿色。