用 URL 图片替换图标按钮

Question

我会知道如何修改所有页面中显示的 Whatsapp 图标按钮以开始聊天。在我的站点中，我有 footer.php:

中函数的代码

<div class="whatsapp">
<a href="https://api.whatsapp.com/send?phone=-------------" target="_blank">    
<h5><i class="fa fa-whatsapp fa-3x " aria-hidden="true"></i></h5></a>
            </div>

CSS是这样的：

.whatsapp {
position: fixed;
right: 0px;
top: 52%;
}
.whatsapp h5 {
color: white;
background: #20b20f;
padding: 12px;
border-radius: 10px;
}

我想用我上传到媒体库的图标（URL 图片）更改图标 (fa fa-whatsapp fa-3x)。此外，我会隐藏购物车和结帐页面中的图标。我该怎么做？谢谢！

Answer 1

我是这样做的

<a href="https://api.whatsapp.com/send?phone=+nnnnnnnnnnnnnn" target="_blank" style="background: none;"><img style="height: 30px; width: 30px;" src="/images/whatsapp_square.png"></a>

用 URL 图片替换图标按钮

Replace icon button with URL image

css

php

wordpress

whatsapp