圖標位於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