以Chome和Firefox为中心但不包含Safari的图标

Question

我的头版图像下方有4个图标，显示在Chrome和Firefox上，但在Safari中偏离中心。我还有一个浏览器依赖项问题，标题图片调用“Tours”。它在Chrome和Safari上显示按钮边框，但不显示Firefox。

任何人都知道我的问题可能出现在这些问题之一中吗？

我的网站是：http://foodforlifetours.com/

代码调用操作按钮的旗帜形象：

<style> 
#front-page-button-2:hover { 
background-color:#0f0f0f !important; 
} 
</style> 

<a href="http://foodforlifetours.com/tours/" id="front-page-button-2" style="background:none; font-size:20px !important; border:1px solid white !important; text-shadow: 2px 2px black !important; color:white !important" class="button large">Tours</a> 

Answer 1

您需要删除这些样式：

transform: translate(-50%, -50%); 
position: absolute; 
top: 50%; 
left: 50%; 

从

：

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon