更改点的颜色AJAX内容在Visual Composer中加载

Question

如何在加载后期网格时更改dods动画的颜色？ Wordpress视觉作曲家。

Answer 1

尝试使用此自定义CSS-

.vc_grid-loading,
.vc_grid-loading:after,
.vc_grid-loading:before {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.vc_grid-loading:before {
    left: -20px
}

.vc_grid-loading:after {
    left: 20px;
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.vc_grid-loading:after,
.vc_grid-loading:before {
    content: '';
    position: absolute;
    top: 0
}

@-webkit-keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em rgba(51, 51, 51, .75)
    }
    40% {
        box-shadow: 0 2.5em 0 0 rgba(51, 51, 51, .75)
    }
}

@keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em rgba(51, 51, 51, .75)
    }
    40% {
        box-shadow: 0 2.5em 0 0 rgba(51, 51, 51, .75)
    }
}

Answer 2

尝试覆盖CSS中的动画，并根据自己的喜好更改rgba()中的下方颜色。

您应该将代码放在自定义CSS中：

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75);
    }
    40% {
      box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75);
    }
  }
  @keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75);
    }
    40% {
      box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75);
    }
  }