wordpress - 如何自定义 Woocommerce 购物车加载 ajax 图标

Question

更新列表时 Woocommerce 购物车页面中的默认图标是 Wordpress 默认加载图标。 我该如何更改它？

Answer 1

在 CSS 文件中添加以下代码块。
请记住包含您自己的自定义，这只是一个演示

.blockUI.blockOverlay, .loader {
 -webkit-opacity: 1 !important;
 -moz-opacity: 1 !important;
 opacity: 1 !important;
 filter: alpha(opacity=100) !important;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
 background: rgba(255, 255, 255, 0.75) !important;
}
.blockUI.blockOverlay:before, .loader:before {
 -moz-animation: none !important;
 -webkit-animation: none !important;
 animation: none !important;
 background: url("../imgs/loading-light.gif") center center !important;
 background-size: 110px !important;
 width: 5em !important;
 height: 1em !important;
 margin-top: -0.5em !important;
 background-repeat: no-repeat !important;
 margin-left: -2.5em !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
 opacity: 1 !important;
 filter: alpha(opacity=100) !important;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}