Wordpress 如何定制Woocommerce购物车加载ajax图标
更新列表时,Woocommerce购物车页面中的默认图标为Wordpress默认加载图标。Wordpress 如何定制Woocommerce购物车加载ajax图标,wordpress,woocommerce,Wordpress,Woocommerce,更新列表时,Woocommerce购物车页面中的默认图标为Wordpress默认加载图标。 如何更改它?在CSS文件中添加以下代码块。 请记住包括您自己的定制这只是一个演示 .blockUI.blockOverlay, .loader { -webkit-opacity: 1 !important; -moz-opacity: 1 !important; opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-
如何更改它?在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;
}
更好的方法是使用hooks:) 请关注我的博客帖子: 您还可以更改为仅在购物车或结帐等中使用新加载器